不能最后修改 <li> 與jQuery的？

Question

我有一些嵌套的<UL><li><ul><li>text</li></ul></li></UL> ，我想使用jquery修改最后一個孩子，但是當我寫$（ “ #id li：last-child”）它會影響所有嵌套的<li> 。 這是代碼。

<ul id="ddmenu">
<li><a href="#">Home></a>
    <ul>        

          <li><a href="#">QA Managers Dashboard</a></li>    
    </ul> 
 </li>

<li><a href="#">Req Mgmt</a>
    <ul>
        <li><a href="#">Panel Beating</a></li>
        <li><a href="#">Car Inspection</a></li>
    </ul>

</li>
<li><a href="#">Test</a>
    <ul>
        <li><a href="#">Work Place</a></li>
        <li><a href="#">Special Events</a></li>
    </ul>
</li>
<li><a href="#">Project</a>
    <ul>
        <li><a href="#">Enquiry</a></li>        
    </ul>
</li>
   <li><a href="#">More</a></li>

我想修改包含文本“更多”的<li> ...該怎么做？ 有什么幫助嗎？

Answer 1

使用>僅獲得這樣的直接后代

$("#id > li:last-child")

Answer 2

我知道您有多少物品，可以嘗試$("#id li:nth-child("+nbrItems+")");

希望這可以幫助

Answer 3

嘗試使用以下代碼，

$("#id > li:last-child") 

符號“>”代表父元素的直接子元素。

Answer 4

出於一般利益（並且我接受您的問題已經解決），但以下方法也適用：

$('li:last-child:last').css('color','red');

JS小提琴演示 。

我理解為什么它會這樣工作，但是我必須承認，當我第一次編寫選擇器時，我期望$('li:last-child:first')可以工作。