如何在UL列表中定位和禁用第n个LI？

Question

我需要你的帮助，

如何使用jQuery在UL列表中针对Nth LI进行定位和应用禁用道具？

例如，如果我要在我的UL中选择第3个LI并对其应用禁用的道具：

<div id="menu1">
    <ul>

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

Answer 1

要更改disabled属性，您应使用.prop()功能。

试试这个：

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

eq()的索引从0开始，因此eq(2)将获得第3个li

Answer 2

您可以使用:eq()选择器，因为：

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

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

Answer 3

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

Answer 4

在这种情况下，

$('li:nt-child(3)')会选择您想要的内容。

请注意，此特定情况将选择所有第3个li项，而不仅仅是div中的项。