如何選擇jQuery中的最后一個子元素？只是最后一個孩子，而不是其后代。
3 回答
湖上湖
TA貢獻(xiàn)2003條經(jīng)驗(yàn) 獲得超2個贊
您也可以這樣做：
<ul id="example">
<li>First</li>
<li>Second</li>
<li>Third</li>
<li>Fourth</li>
</ul>
// possibility 1
$('#example li:last').val();
// possibility 2
$('#example').children().last()
// possibility 3
$('#example li:last-child').val();
飲歌長嘯
TA貢獻(xiàn)1951條經(jīng)驗(yàn) 獲得超3個贊
對于性能：
$('#example').children().last()
或者，如果您想讓最后一個孩子上一堂課，如上所述。
$('#example').children('.test').last()
或具有特定類別的特定子元素
$('#example').children('li.test').last()
牧羊人nacy
TA貢獻(xiàn)1862條經(jīng)驗(yàn) 獲得超7個贊
如果要選擇最后一個子元素，并且需要具體說明元素類型，則可以使用選擇器last-of-type
這是一個例子：
$("div p:last-of-type").css("border", "3px solid red");
$("div span:last-of-type").css("border", "3px solid red");
<div id="example">
<p>This is paragraph 1</p>
<p>This is paragraph 2</p>
<span>This is paragraph 3</span>
<span>This is paragraph 4</span>
<p>This is paragraph 5</p>
</div>
在上面的示例中，第4款和第5款都將帶有紅色邊框，因?yàn)榈?款是div中“ p”類型的最后一個元素，而第4款是div中的最后“ span”。
- 3 回答
- 0 關(guān)注
- 493 瀏覽
添加回答
舉報
0/150
提交
取消