Penjelasan ringkas tentang pemilih penapis sub-elemen dalam jQuery

Penjelasan ringkas tentang pemilih penapis sub-elemen dalam jQuery_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Lepaskan： 2016-05-16 15:04:50

asal

2062 orang telah melayarinya

Peraturan penapisan penapis elemen anak adalah untuk mendapatkan elemen yang sepadan melalui hubungan antara elemen induk dan elemen anak.

2016418172315508.png (694×613)

$('li:first-child').css('background', '#ccc'); //每个父元素第一个li 元素 
 
$('li:last-child').css('background', '#ccc'); //每个父元素最后一个li 元素 
 
$('li:only-child').css('background', '#ccc'); //每个父元素只有一个li 元素 
 
$('li:nth-child(odd)').css('background', '#ccc'); //每个父元素奇数li 元素 
 
$('li:nth-child(even)').css('background', '#ccc'); //每个父元素偶数li 元素 
 
$('li:nth-child(2)').css('background', '#ccc'); //每个父元素第三个li 元素

Salin selepas log masuk

Kami tahu cara menggunakan

:first

Salin selepas log masuk

Pemilih penapis boleh mendapatkan elemen anak pertama dalam elemen induk yang ditentukan, tetapi pemilih ini hanya mengembalikan satu elemen, bukan koleksi dan menggunakan

:first-child

Salin selepas log masuk

Pemilih penapis elemen kanak-kanak boleh mendapatkan elemen anak pertama yang dikembalikan dalam setiap elemen induk Ia adalah koleksi dan biasanya digunakan untuk pemprosesan pemilihan berbilang data koleksi.

Seperti yang ditunjukkan di bawah, jika anda ingin mendapatkan li pertama dalam setiap ul pada halaman dan menukar warnanya. Kemudian anda boleh menggunakan

: first-child

Salin selepas log masuk

<body>
  <h3>该百年额米格“蔬菜水果”中第一行的文字颜色</h3>
  <ul>
    <li>芹菜</li>
    <li>茄子</li>
    <li>萝卜</li>
    <li>大白菜</li>
    <li>西红柿</li>
  </ul>
  <ul>
    <li>橘子</li>
    <li>香蕉</li>
    <li>葡萄</li>
    <li>苹果</li>
    <li>西瓜</li>
  </ul>
</body>

Salin selepas log masuk

<script type="text/javascript">
  $("li:first-child").css("color", "red");
</script>

Salin selepas log masuk

Kesan yang dipaparkan dalam penyemak imbas:

2016418172340814.jpg (489×326)

Lulus

$("li:first-child")

Salin selepas log masuk

Kod pemilih

memperoleh

elemen pertama daripada dua elemen induk dan menggunakan

css()

Salin selepas log masuk

Kaedah

mengubah suai warna teks yang mereka paparkan pada halaman.