jQuery Determina si una clase coincidente tiene una identificación determinada

¿Qué es jQuery tiene id equivalente a la siguiente declaración?

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

para que pueda dar un nombre de clase y verificar que contenga una identificación proporcionada.

algo como:

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

Puede integrar esa lógica en el selector combinando varios selectores . Por ejemplo, podríamos apuntar a todos los elementos con un ID dado, que también tienen una clase particular:

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

Esto debería verse similar a algo que escribirías en CSS. Tenga en cuenta que no se aplicará a todos los #fooelementos (aunque solo debería haber uno) y no se aplicará a todos los .barelementos (aunque puede haber muchos). Solo hará referencia a elementos que califiquen en ambos atributos.

jQuery también tiene un gran .ismétodo que le permite determinar si un elemento tiene ciertas cualidades. Puede probar una colección jQuery con un selector de cadenas, un elemento HTML u otro objeto jQuery. En este caso, simplemente lo compararemos con un selector de cadenas:

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

Probablemente usaría $('.mydiv').is('#foo');Eso dicho si conoces el Id, ¿por qué no lo aplicas al selector en primer lugar?

actualización: lo siento, entendí mal la pregunta, eliminé la .has()respuesta.

otra forma alternativa, crea un .hasId()complemento

// 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>

Supongamos que está iterando a través de algunos objetos DOM y desea encontrar y capturar un elemento con un ID determinado.

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

Puedes escribir algo como encontrar

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

Tenga en cuenta que si usara un selector de clases, el método de búsqueda devolverá todos los elementos coincidentes.

o podría escribir una función iterativa que hará un trabajo más avanzado

<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
});

El mismo código se puede modificar fácilmente para el selector de clases.

<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
});

Me alegra que haya resuelto su problema con index (), lo que sea que funcione para usted. Espero que esto ayude a otros con el mismo problema. Salud :)

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

Solo para decir que finalmente resolví esto usando index ().

NADA más parecía funcionar.

Entonces, para los elementos hermanos, esta es una buena solución si primero selecciona por una clase común y luego desea modificar algo de manera diferente para cada uno específico.

EDITAR: para aquellos que no saben (como yo) index () da un valor de índice para cada elemento que coincide con el selector, contando desde 0, dependiendo de su orden en el DOM. Siempre que sepa cuántos elementos hay con class = "foo", no necesita una identificación.

Obviamente, esto no siempre ayudará, pero alguien puede encontrarlo útil.

Compruebe si existe el ID del elemento

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

También puede verificar si el elemento id se usa al hacerlo:

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

Utilizo este método para tablas de datos globales y tablas de datos ordenadas específicas