jquery - 使用 jQuery .find 定位匹配的 LI

Question

我有一个变量，可以生成 1 到 5 之间的随机数。

我有一个具有以下结构的无序列表

<ul id="list-items">
    <li id="1"></li>
    <li id="2"></li>
    <li id="3"></li>
    <li id="4"></li>
    <li id="5"></li>
</ul>

我想将一个类附加到与随机生成的变量相关的列表项。到目前为止我有这个 -

var random_variable = 1;

if (("#list-items").find("#"+random_variable+"").length ) {
    $(this).addClass("selected");
}

Answer 1

主要问题是 this 的范围不限于条件语句中的元素。在本例中，this 引用全局 window 对象，这就是它不起作用的原因。

您可以删除条件语句并将代码简化为以下内容:

$('#list-items #' + random_variable).addClass("selected");

无需检查元素是否存在，因为如果不存在，则不会添加该类。