Dua kaedah: 1. Gunakan pemilih children() dan ":last-child", sintaks "$(parent element).children(":last-child")". 2. Gunakan children() dan eq(), sintaksnya ialah "$(elemen ibu bapa).children().eq(-1)".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.
Dua cara untuk menanyakan elemen anak terakhir dengan jquery
Kaedah 1: Gunakan pemilih children() dan :last-child
Gunakan children() untuk mendapatkan semua elemen anak langsung di bawah nod induk yang ditentukan
Gunakan:last-child untuk memilih set elemen kanak-kanak Elemen terakhir dalam , iaitu elemen kanak-kanak terakhir
Contoh:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(function () {
$("button").click(function () {
$("ul").children(":last-child").css("color","red");
})
})
</script>
</head>
<body>
<ul>
<li>香蕉</li>
<li>苹果</li>
<li>梨子</li>
<li>橘子</li>
</ul>
<button>父元素ul的最后一个子元素</button>
</body>
</html>
Kaedah 2: Gunakan kanak-kanak () dan eq()
Gunakan kanak-kanak() untuk mendapatkan semua elemen anak langsung di bawah nod induk yang ditentukan
Gunakan eq( -1) Pilih elemen terakhir dalam set sub-elemen, iaitu sub-elemen terakhir
Berdasarkan contoh di atas, ubah suai:
$(function() {
$("button").click(function() {
$("ul").children().eq(-1).css("color", "red");
})
}) 
[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]
Atas ialah kandungan terperinci Bagaimana untuk menanyakan elemen anak terakhir dengan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Apakah pemalam jquery?
Bagaimana untuk mengendalikan json dengan jquery
Bagaimana untuk memadam elemen dalam jquery
Penggunaan kaedah jQuery hover().
jquery melaksanakan kaedah paging
Apakah elemen tersembunyi dalam jquery
Apa yang ditonjolkan dalam jquery
Belajar sendiri untuk pemula dalam bahasa C dengan asas sifar
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
