jQuery Określa, czy dopasowana klasa ma podany identyfikator

Co to jest jQuery ma odpowiednik id poniższej instrukcji?

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

więc możesz podać nazwę klasy i sprawdzić, czy zawiera podany identyfikator.

coś jak:

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

Możesz wstawić tę logikę do selektora, łącząc wiele selektorów . Na przykład moglibyśmy kierować reklamy na wszystkie elementy o danym identyfikatorze, które również mają określoną klasę:

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

Powinno to wyglądać podobnie do czegoś, co napisałbyś w CSS. Zauważ, że nie będzie dotyczył wszystkich #fooelementów (chociaż powinien być tylko jeden) i nie będzie dotyczył wszystkich .barelementów (chociaż może być ich wiele). Będzie odnosić się tylko do elementów, które kwalifikują się na podstawie obu atrybutów.

jQuery ma również świetną .ismetodę, która pozwala określić, czy element ma określone właściwości. Możesz przetestować kolekcję jQuery w odniesieniu do selektora ciągu, elementu HTML lub innego obiektu jQuery. W tym przypadku po prostu porównamy to z selektorem ciągu:

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

Prawdopodobnie użyłbym $('.mydiv').is('#foo');To powiedziane, jeśli znasz Id, dlaczego po prostu nie zastosowałbyś go do selektora w pierwszej kolejności?

aktualizacja: przepraszam, źle zrozumiałem pytanie, usunięto .has() odpowiedź.

inny alternatywny sposób, utwórz .hasId()wtyczkę

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

Powiedzmy, że wykonujesz iterację po niektórych obiektach DOM i chcesz znaleźć i złapać element o określonym identyfikatorze

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

Możesz albo napisać coś takiego jak znaleźć

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

Zwróć uwagę, że gdybyś użył selektora klasy, metoda find zwróci wszystkie pasujące elementy.

lub możesz napisać funkcję iterującą, która wykona bardziej zaawansowaną pracę

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

Ten sam kod można łatwo zmodyfikować dla selektora klas.

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

Cieszę się, że rozwiązałeś swój problem z index (), cokolwiek działa dla Ciebie.Mam nadzieję, że pomoże to innym z tym samym problemem. Twoje zdrowie :)

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

Powiem tylko, że ostatecznie rozwiązałem to za pomocą index ().

Nic innego nie wydawało się działać.

Więc w przypadku elementów rodzeństwa jest to dobre obejście, jeśli najpierw wybierasz przez wspólną klasę, a następnie chcesz zmodyfikować coś inaczej dla każdej konkretnej.

EDYCJA: dla tych, którzy nie wiedzą (jak ja) index () podaje wartość indeksu dla każdego elementu, który pasuje do selektora, licząc od 0, w zależności od ich kolejności w DOM. Dopóki wiesz, ile elementów zawiera class = "foo", nie potrzebujesz identyfikatora.

Oczywiście nie zawsze to pomoże, ale ktoś może uznać to za przydatne.

Sprawdź, czy identyfikator elementu istnieje

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

Możesz również sprawdzić, czy element id jest używany, robiąc to:

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

Używam tej metody dla globalnych tabel danych i określonych uporządkowanych tabel danych