Question

我有一个包含UL的div元素，UL包含LI项。其中一个LI项的ID为stocknumber。我需要选择那个李。

这是我的代码工作正常我只是在寻找更好的实现。

$(".block").children("ul").children("#stocknumber") // gets me the li and it works!!

更新1：

请注意，ID不是唯一的！

以下是我提出的建议：

$(".block").children("ul").find("#stocknumber")

Answer 1

$("#stocknumber");

由于ID是唯一的，因此您的网页中不得有多个ID为stocknumber的元素。

Answer 2

$(".block > ul > #stocknumber")

甚至：

$("#stocknumber"); // because every id in your HTML should be unique

Answer 3

你一定要直接通过它的ID选择它。

$('#stocknumber');

如果您有多个具有相同ID的元素，那么它很糟糕，您的代码就会出现问题。

在这种情况下，您应该使用类而不是ID，如下所示：

$(".block").find(".stocknumber");

或

$('.stocknumber', '.block');

使用这样的HTML：

<div class='block'>
    <ul>
        <li class='stocknumber'>number</li>
    </ul>
</div>

<div class='block'>
    <ul>
        <li class='stocknumber'>number</li>
    </ul>
</div>

Answer 4

$('#stocknumber')。

ID应该是页面唯一的。你只是放慢了速度。

Answer 5

如果那个LI有id就行了

$('#stocknumber')

因为ID必须在标记中是唯一的。

Answer 6

我想我使用find方法得到了答案。

$(".block").children("ul").find("#stocknumber")

UL的jQuery Selector Child。寻找更好的方法

6 个答案: