jQuery Визначте, чи має відповідний клас заданий ідентифікатор

Що таке jQuery має ідентифікатор ідентифікатора наступного твердження?

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

щоб ви могли вказати назву класу та перевірити, чи містить він наданий ідентифікатор.

щось на зразок:

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

Ви можете вкласти цю логіку в селектор, поєднавши кілька селекторів . Наприклад, ми могли б націлити всі елементи із заданим ідентифікатором, які також мають певний клас:

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

Це має виглядати схоже на те, що ви писали б у CSS. Зверніть увагу, що це не стосуватиметься всіх #fooелементів (хоча повинен бути лише один), і воно не застосовуватиметься до всіх .barелементів (хоча їх може бути багато). Він буде посилатися лише на елементи, які відповідають обом атрибутам.

jQuery також має чудовий .isметод, який дозволяє вам визначити, чи має елемент певні якості. Ви можете протестувати колекцію jQuery за допомогою селектора рядків, елемента HTML або іншого об’єкта jQuery. У цьому випадку ми просто перевіримо його за допомогою селекторного рядка:

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

Я б, мабуть, скористався $('.mydiv').is('#foo');цим сказаним, якщо ви знаєте ідентифікатор, чому б вам не застосувати його до селектора?

оновлення: вибачте, неправильно зрозумів питання, видалено .has()відповідь.

інший альтернативний спосіб - створити .hasId()плагін

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

Скажімо, ви переглядаєте деякі DOM-об'єкти і хочете знайти та зловити елемент із певним ідентифікатором

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

Ви можете написати щось на зразок знайти

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

Зверніть увагу, що якщо ви використовували селектор класу, метод find поверне всі відповідні елементи.

або ви можете написати ітераційну функцію, яка буде виконувати більш просунуту роботу

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

Той самий код можна легко змінити для селектора класів.

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

Я радий, що ви вирішили свою проблему з index (), що завжди працює для вас. Сподіваюся, це допоможе іншим із такою ж проблемою. Ура :)

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

Просто сказати, що я врешті вирішив це за допомогою index ().

Здавалося б, НІЩЕ ще не працювало.

Отже, для елементів братів або сестер це хороша робота, якщо ви спочатку вибираєте загальним класом, а потім хочете змінити щось по-різному для кожного конкретного.

EDIT: для тих, хто не знає (як я) index () дає значення індексу для кожного елемента, що відповідає селектору, від 0, залежно від їх порядку в DOM. Поки ви знаєте, скільки елементів існує з class = "foo", вам не потрібен ідентифікатор.

Очевидно, це не завжди допоможе, але хтось може виявити це корисним.

Перевірте, чи існує ідентифікатор елемента

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

Ви також можете перевірити, чи використовується елемент id, виконавши це:

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

Я використовую цей метод для глобальних таблиць даних та конкретно впорядкованих таблиць даних