jQuery Tentukan apakah kelas yang cocok memiliki id tertentu

Apa jQuery memiliki id yang setara dengan pernyataan berikut?

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

sehingga Anda dapat memberikan nama kelas dan memeriksa apakah itu berisi id yang disediakan.

sesuatu seperti:

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

Anda dapat memasukkan logika tersebut ke dalam selektor dengan menggabungkan beberapa pemilih . Misalnya, kita dapat menargetkan semua elemen dengan id tertentu, yang juga memiliki kelas tertentu:

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

Ini akan terlihat mirip dengan sesuatu yang Anda tulis di CSS. Perhatikan bahwa ini tidak akan berlaku untuk semua #fooelemen (meskipun seharusnya hanya ada satu), dan tidak akan berlaku untuk semua .barelemen (meskipun mungkin ada banyak). Ini hanya akan mereferensikan elemen yang memenuhi syarat di kedua atribut.

jQuery juga memiliki .ismetode hebat yang memungkinkan Anda menentukan apakah suatu elemen memiliki kualitas tertentu. Anda dapat menguji koleksi jQuery terhadap pemilih string, Elemen HTML, atau objek jQuery lainnya. Dalam kasus ini, kami hanya akan memeriksanya dengan pemilih string:

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

Saya mungkin akan menggunakan $('.mydiv').is('#foo');Yang mengatakan jika Anda tahu Id mengapa Anda tidak menerapkannya ke pemilih di tempat pertama?

update: maaf salah paham pertanyaan, .has()jawaban dihapus .

Cara alternatif lain, buat .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>

Katakanlah Anda melakukan iterasi melalui beberapa objek DOM dan Anda ingin menemukan dan menangkap elemen dengan ID tertentu

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

Anda juga dapat menulis sesuatu seperti menemukan

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

Perhatikan bahwa jika Anda menggunakan pemilih kelas, metode find akan mengembalikan semua elemen yang cocok.

atau Anda bisa menulis fungsi iterasi yang akan melakukan pekerjaan lebih lanjut

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

Kode yang sama dapat dengan mudah dimodifikasi untuk pemilih kelas.

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

Saya senang Anda memecahkan masalah Anda dengan index (), apa pun yang berhasil untuk Anda. Saya harap ini akan membantu orang lain dengan masalah yang sama. Bersulang :)

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

Hanya untuk mengatakan saya akhirnya menyelesaikan ini menggunakan index ().

TIDAK ADA yang sepertinya berhasil.

Jadi untuk elemen saudara ini adalah solusi yang baik jika Anda pertama kali memilih oleh kelas umum dan kemudian ingin memodifikasi sesuatu yang berbeda untuk masing-masing kelas tertentu.

EDIT: bagi mereka yang tidak tahu (seperti saya) index () memberikan nilai indeks untuk setiap elemen yang cocok dengan selector, dihitung dari 0, tergantung urutannya di DOM. Selama Anda tahu berapa banyak elemen dengan class = "foo", Anda tidak memerlukan id.

Jelas ini tidak selalu membantu, tetapi seseorang mungkin merasa berguna.

Periksa apakah ID elemen ada

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

Anda juga dapat memeriksa apakah elemen id digunakan dengan melakukannya:

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

Saya menggunakan metode ini untuk dataTables global dan dataTables terurut tertentu