jQueryで最後の子要素を選択する方法は？

Question

jQueryで最後の子要素を選択するにはどうすればよいですか？

最後の子であり子孫ではありません。

Answer 1

また、これを行うことができます。特定のクラス

$('#example').children('li.test').last() 

Answer 2

:last-child selectorを使用すると、

援助が必要な特定のシナリオがありますか？

<ul id="example"> 
    <li>First</li> 
    <li>Second</li> 
    <li>Third</li> 
    <li>Fourth</li> 
</ul> 

// possible 1 
$('#example li:last').val(); 
// possible 2 
$('#example').children().last() 
// possible 3 
$('#example li:last-child').val(); 

:last

.children().last()

:last-child

Answer 3

$('#example').children().last() 

をしたり、特定のクラスで最後の子供をしたい場合は、上記のコメントのように：

Answer 4

と

$('#example').children('.test').last() 

または特定の子要素あなたが最後の子を選択すると、要素の型に特異的である必要がある場合は、セレクタに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> 

上記の例では、 hパラグラフ4とパラグラフ5は、パラグラフ5がdivの「p」タイプの最後の要素であり、パラグラフ4がdivの最後の「span」であるため、赤い境界線を持つことになります。