在继续添加元素之前检查元素是否存在

Question

我希望在第一个＆＃39; li＆＃39;下添加一个选择列表。我的清单。

它适用于这种方法。

$("ul.criteriallist li:eq(0)").html("<select name='cao1' class='cao ops'></select>" 
+ $("ul.criteriallist li:eq(0)").html());

然而，还有另一种情况，我想检查选择列表是否已经存在于＆＃39; li＆＃39; item（防止添加重复项）。你对我如何做到这一点有什么建议吗？

我想的是......（这里有一些伪代码......）

//If select list 'cao1' does not exist in this list item 

       // Add select list in this item 

Answer 1

你可以试试这个：

if($('ul.criteriallist li:first-child select').length == 0) {
//code to add dropdownlist
}

Answer 2

您可以使用：

if($('ul.criteriallist li:eq(0) select[name="cao1"]').length === 0) {
    // add it
}

Answer 3

尝试：

if(!(("ul.criteriallist li:eq(0)").find("select").length)){
    $("ul.criteriallist li:eq(0)").prepend("<select name='cao1' class='cao ops'></select>"); 
}