jQuery Determine se uma classe combinada tem um determinado id

O que é jQuery has id equivalente à seguinte instrução?

$('#mydiv').hasClass('foo')

então você poderia dar um nome de classe e verificar se ela contém um id fornecido.

algo como:

$('.mydiv').hasId('foo')

Você pode assar essa lógica no seletor combinando vários seletores . Por exemplo, podemos direcionar todos os elementos com um determinado id, que também têm uma classe particular:

$("#foo.bar"); // Matches <div id="foo" class="bar">

Isso deve ser semelhante a algo que você escreveria em CSS. Observe que não se aplica a todos os #fooelementos (embora deva haver apenas um) e não se aplica a todos os .barelementos (embora possa haver muitos). Ele fará referência apenas a elementos que se qualificam em ambos os atributos.

jQuery também tem um ótimo .ismétodo que permite determinar se um elemento possui certas qualidades. Você pode testar uma coleção jQuery em um seletor de string, um elemento HTML ou outro objeto jQuery. Nesse caso, vamos apenas verificar em um seletor de string:

$(".bar:first").is("#foo"); // TRUE if first '.bar' in document is also '#foo'

Eu provavelmente usaria $('.mydiv').is('#foo');Isso, se você souber a Id, por que não aplicaria apenas no seletor em primeiro lugar?

atualização: desculpe entendeu mal a pergunta, .has()resposta removida .

outra forma alternativa, criar .hasId()plugin

// the plugin
$.fn.hasId = function(id) {
  return this.attr('id') == id;
};

// select first class
$('.mydiv').hasId('foo') ?
  console.log('yes') : console.log('no');

// select second class
// $('.mydiv').eq(1).hasId('foo')
// or
$('.mydiv:eq(1)').hasId('foo') ?
  console.log('yes') : console.log('no');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="mydiv" id="foo"></div>
<div class="mydiv"></div>

Digamos que você esteja iterando por meio de alguns objetos DOM e queira encontrar e capturar um elemento com um certo ID

<div id="myDiv">
    <div id="fo"><div>
    <div id="bar"><div>
</div>

Você pode escrever algo como encontrar

$('#myDiv').find('#bar')

Observe que, se você usar um seletor de classe, o método find retornará todos os elementos correspondentes.

ou você pode escrever uma função iterativa que fará um trabalho mais avançado

<div id="myDiv">
    <div id="fo"><div>
    <div id="bar"><div>
    <div id="fo1"><div>
    <div id="bar1"><div>
    <div id="fo2"><div>
    <div id="bar2"><div>
</div>

$('#myDiv div').each(function() {
   if($(this).attr('id') == 'bar1')
       //do something with bar1
});

O mesmo código pode ser facilmente modificado para o seletor de classe.

<div id="myDiv">
    <div class="fo"><div>
    <div class="bar"><div>
    <div class="fo"><div>
    <div class="bar"><div>
    <div class="fo"><div>
    <div class="bar"><div>
</div>

$('#myDiv div').each(function() {
   if($(this).hasClass('bar'))
       //do something with bar
});

Fico feliz que você tenha resolvido seu problema com index (), o que sempre funcionou para você. Espero que isso ajude outras pessoas com o mesmo problema. Felicidades :)

$('#' + theMysteryId + '.someClass').each(function() { /* do stuff */ });

Só para dizer que acabei resolvendo isso usando index ().

NADA mais parecia funcionar.

Portanto, para elementos irmãos, essa é uma boa solução se você estiver primeiro selecionando por uma classe comum e depois quiser modificar algo diferente para cada classe específica.

EDIT: para quem não sabe (como eu) index () dá um valor de índice para cada elemento que combina com o seletor, contando de 0, dependendo de sua ordem no DOM. Contanto que você saiba quantos elementos existem com class = "foo", você não precisa de um id.

Obviamente, isso nem sempre ajuda, mas alguém pode achar útil.

Verifique se o ID do elemento existe

if ($('#id').attr('id') == 'id')
{
  //OK
}

Você também pode verificar se o elemento id é usado ao fazer isso:

if(typeof $(.div).attr('id') == undefined){
   //element has no id
} else {
   //element has id selector
}

Eu uso este método para dataTables globais e dataTables ordenados específicos