jQuery Determina se una classe corrispondente ha un dato id

Cos'è jQuery ha l'equivalente id della seguente dichiarazione?

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

così potresti dare un nome di classe e controllare che contenga un id fornito.

qualcosa di simile a:

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

È possibile inserire tale logica nel selettore combinando più selettori . Ad esempio, potremmo indirizzare tutti gli elementi con un dato id, che hanno anche una particolare classe:

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

Dovrebbe essere simile a qualcosa che scriveresti in CSS. Nota che non si applicherà a tutti gli #fooelementi (anche se dovrebbe essercene solo uno) e non si applicherà a tutti gli .barelementi (anche se potrebbero essercene molti). Farà riferimento solo agli elementi che si qualificano su entrambi gli attributi.

jQuery ha anche un ottimo .ismetodo che ti consente di determinare se un elemento ha determinate qualità. Puoi testare una raccolta jQuery su un selettore di stringhe, un elemento HTML o un altro oggetto jQuery. In questo caso, lo controlleremo solo con un selettore di stringhe:

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

Probabilmente userei $('.mydiv').is('#foo');Detto questo se conosci l'Id, perché non dovresti applicarlo al selettore in primo luogo?

aggiornamento: scusa ho capito male la domanda, .has()risposta rimossa .

un altro modo alternativo, creare .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>

Supponiamo che tu stia iterando attraverso alcuni oggetti DOM e desideri trovare e catturare un elemento con un certo ID

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

Puoi scrivere qualcosa come trovare

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

Nota che se dovessi usare un selettore di classe, il metodo find restituirà tutti gli elementi corrispondenti.

oppure potresti scrivere una funzione di iterazione che farà un lavoro più avanzato

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

Lo stesso codice potrebbe essere facilmente modificato per il selettore di 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
});

Sono contento che tu abbia risolto il tuo problema con index (), qualunque cosa funzioni per te. Spero che questo possa aiutare altri con lo stesso problema. Saluti :)

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

Solo per dire che alla fine ho risolto questo problema usando index ().

NIENTE altro sembrava funzionare.

Quindi, per gli elementi di pari livello, questo è un buon modo per aggirare il problema se si seleziona prima da una classe comune e poi si desidera modificare qualcosa di diverso per ciascuno specifico.

EDIT: per coloro che non conoscono (come me) index () fornisce un valore di indice per ogni elemento che corrisponde al selettore, contando da 0, a seconda del loro ordine nel DOM. Finché sai quanti elementi ci sono con class = "foo" non hai bisogno di un id.

Ovviamente questo non sempre aiuta, ma qualcuno potrebbe trovarlo utile.

Controlla se l'ID dell'elemento esiste

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

Puoi anche verificare se l'elemento id viene utilizzato in questo modo:

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

Uso questo metodo per le tabelle dati globali e le tabelle dati ordinate specifiche