使用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"); 

有沒有必要，以檢查元素存在，因爲如果不將該類只是不添加。

Answer 2

您實際上並不需要使用.find（）。由於您使用數字作爲ID，只需將其用作JQuery中的選擇器即可。當你產生的隨機數字落在你的元素的範圍內時，要小心，否則什麼都不會發生。

$(function(){ 
var random = 1; 
var li = '#'+random; 
$(li).addclass(//stuff); 
});