如何针对 UL 列表中的第 n 个 LI 元素进行定位和禁用？

Question

我需要您的帮助，

我该如何使用jQuery来针对UL列表中的第N个LI元素并应用disabled属性？

例如，如果我要选择UL中的第三个LI并将disabled属性应用于它：

<div id="menu1">
    <ul>

        <li>Apples</li>
        <li>Oranges</li>
        <li disabled>Pears</li>
        <li>Bananas</li>        
    </ul>
</div>

- Jason Kelly

Answer 1

要更改disabled属性，您应该使用.prop()函数。

尝试这样做：

$('li:eq(2)').prop('disabled', true);

eq()用于选择元素中的第N个，编号从0开始，所以eq(2)表示获取第三个li

- imbondbaby

Answer 2

您可以使用 :eq() 选择器，如下所示：

$( "ul li:eq( 2 )" ).attr( "disabled", "disabled" );

索引是从零开始的，因此2将选择第三个li。

- Sudhir Bastakoti

Answer 3

$("ul li").eq(2).attr("disabled","")

- Gena Moroz

Answer 4

$('li:nt-child(3)') 在这种情况下会选择你想要的内容。

请注意，这种特殊情况将选择所有第三个 li 项，而不仅仅是您的 div 中的那些。

- Justin C

---

利用菜单1的id $('#menu1 li:nt-child(3)')。 - Huangism