在繼續添加元素之前檢查元素是否存在

Question

我希望在列表的第一個「li」下添加一個選擇列表。

它適用於此方法。

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

然而，有也是我想檢查選擇列表中是否已經是「禮」項目中存在（以防止重複添加），另一種情況。你有什麼建議可以做到嗎？

我在想什麼是一樣的東西。（一些僞代碼在這裏..）

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

     // Add select list in this item 

Answer 1

您可以使用：

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

Answer 2

你可以試試這個：

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

Answer 3

Try：

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