Pertanyaan Bagaimana saya bisa memilih elemen dengan beberapa kelas di jQuery?


Saya ingin memilih semua elemen yang memiliki dua kelas a dan b.

<element class="a b">

Jadi, hanya elemen-elemen yang ada kedua kelas.

Ketika saya menggunakan $(".a, .b") itu memberi saya serikat, tapi saya ingin persimpangan.


1771
2018-06-24 22:28


asal


Jawaban:


Jika Anda menginginkan sebuah persimpangan, cukup tuliskan para pemilih bersama tanpa spasi diantara.

$('.a.b')

Jadi untuk elemen yang memiliki ID a dengan kelas b dan c, Anda akan menulis:

$('#a.b.c')

2291
2018-06-24 22:30



Anda dapat melakukan ini menggunakan filter() fungsi:

$(".a").filter(".b")

147
2018-06-24 22:34



Untuk kasusnya

<element class="a">
  <element class="b c">
  </element>
</element>

Anda perlu menempatkan spasi di antaranya .a dan .b.c

$('.a .b.c')

97
2018-03-25 20:31



Masalah yang Anda hadapi adalah bahwa Anda menggunakan Group Selector, sedangkan Anda harus menggunakan Multiples selector! Untuk lebih spesifik, Anda gunakan $('.a, .b') sedangkan Anda harus menggunakan $('.a.b').

Untuk informasi lebih lanjut, lihat ikhtisar berbagai cara untuk menggabungkan pemilih herebelow!


Pemilih Grup: ","

Pilih Semua <h1> elemen DAN semua <p> elemen DAN semua <a> elemen:

$('h1, p, a')

Multiples selector: "" (tidak ada karakter)

Pilih Semua <input> elemen dari type  text, dengan kelas code dan red :

$('input[type="text"].code.red')

Descendant Selector: "" (spasi)

Pilih Semua <i> elemen di dalamnya <p> elemen:

$('p i')

Pemilih Anak: ">"

Pilih Semua <ul> elemen-elemen yang merupakan anak-anak langsung dari a <li> elemen:

$('li > ul')

Pemilih Sibling Bersebelahan: "+"

Pilih Semua <a> elemen yang ditempatkan segera setelah <h2> elemen:

$('h2 + a')

General Sibling Selector: "~"

Pilih Semua <span> elemen yang saudara kandung <div> elemen:

$('div ~ span')

45
2018-01-20 22:24



$('.a .b , .a .c').css('border', '2px solid yellow');
//selects b and c
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="a">a
  <div class="b">b</div>
  <div class="c">c</div>
  <div class="d">d</div>
</div>


30
2018-04-19 07:19



Solusi JavaScript Vanilla: -

document.querySelectorAll('.a.b')


23
2018-01-29 18:02



Sebut saja kasus lain dengan elemen:

Misalnya. <div id="title1" class="A B C">

Ketik saja: $("div#title1.A.B.C")


22
2017-12-14 16:15



Untuk kinerja yang lebih baik, Anda dapat menggunakannya

$('div.a.b')

Ini akan terlihat hanya melalui elemen div daripada melangkah melalui semua elemen html yang Anda miliki di halaman Anda.


16
2017-09-28 05:26