jquery mencari elemen pertama

Untuk pembangun bahagian hadapan, selalunya perlu mencari susunan elemen disusun pada halaman, terutamanya apabila elemen dijana secara dinamik. Pada masa ini, menggunakan jQuery untuk mencari nombor siri elemen pada halaman dengan mudah boleh membantu kami menyelesaikan tugasan dengan cepat.

Di bawah, kami akan memperkenalkan cara menggunakan jQuery untuk mencari elemen pertama.

<li>kaedah eq()

kaedah eq() jQuery boleh membantu kami mencari elemen dengan nilai indeks tertentu. Penggunaannya ialah:

$('selector').eq(index)

di mana, selector ialah pemilih elemen yang kita cari dan index ialah nombor jujukan elemen dalam pemilih (mengira dari 0).

Sebagai contoh, kita mempunyai kod HTML berikut:

<ul>
  <li>第一项</li>
  <li>第二项</li>
  <li>第三项</li>
</ul>

Jika kita ingin mencari elemen <li> kedua, kita boleh menggunakan kod berikut:

$('li').eq(1)

Ini akan mengembalikan objek jQuery yang mengandungi elemen <li> kedua.

<li>:eq pemilih kelas pseudo

Selain kaedah eq(), jQuery juga menyediakan :eq pemilih kelas pseudo, yang digunakan dalam cara yang sama seperti eq()Kaedahnya serupa, tetapi tidak perlu memanggil kaedah tersebut.

$('selector:eq(index)')

adalah sama dengan kaedah eq(), selector ialah pemilih elemen yang kita cari dan index ialah nombor jujukan elemen dalam pemilih (mengira dari 0) .

Kita boleh mencari elemen <li> kedua yang sama menggunakan kod berikut:

$('li:eq(1)')

Ini akan mengembalikan objek jQuery yang mengandungi elemen <li> kedua.

<li>Kaedah find() digunakan bersama dengan eq() atau :eq

Selain mencari elemen dalam keseluruhan halaman, kadangkala kita perlu mencari elemen dalam elemen tertentu (seperti Cari elemen anak pada kedudukan tertentu dalam <div>). Pada masa ini, kita boleh menggunakan kaedah find() dalam kombinasi dengan pemilih kelas pseudo eq() atau :eq.

Sebagai contoh, kita mempunyai kod HTML berikut:

<div id="container">
  <div class="item">第一项</div>
  <div class="item">第二项</div>
  <div class="item">第三项</div>
</div>

Jika kita ingin mencari id sebagai elemen anak kedua dalam elemen container <div>, kita boleh menggunakan kod berikut:

$('#container').find('.item').eq(1)

atau:

$('#container .item:eq(1)')

Kedua-dua kaedah akan mengembalikan objek jQuery yang mengandungi elemen class item kedua. <div>

Ringkasan

Seperti yang dinyatakan di atas, sangat mudah untuk mencari elemen pertama menggunakan jQuery, kita hanya perlu menggunakan kaedah

atau eq() pemilih kelas pseudo. Jika kita perlu mencari elemen anak pada kedudukan tertentu dalam elemen, kita boleh menggunakan kaedah :eq dalam kombinasi. find()

Melalui kaedah ini, pembangun boleh dengan mudah menentukan kedudukan elemen pada halaman dan menyelesaikan tugas dengan cepat seperti menjana elemen secara dinamik.

Atas ialah kandungan terperinci jquery mencari elemen pertama. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!