javascript - 无法使用 jquery 修改最后一个 ？

Question

我有一些嵌套的 <UL><li><ul><li>text</li></ul></li></UL> ，我想使用 jquery 修改最后一个子元素，但是当我编写 $("#id li:last-child") 时，它会影响所有嵌套的 <li> s。这是代码。

<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")