檢查選擇器在jQuery中是否空白

Question

我目前使用帶有jQuery命令的.js文件來查找.xml文件的某些元素。我已經能夠收集我想要的所有數據，但是在演示過程中遇到了一些困難。

我使用的多個.xml文件加載相同的.js腳本。數據以html文檔和列表形式收集。下面是代碼：

 $upgrade1 = $(xml).find("upgrades").eq(0).next(); 
     $upgrade2 = $(xml).find("upgrades").eq(1).next(); 
     $upgrade3 = $(xml).find("upgrades").eq(2).next(); 
     $("#upgrades").append($upgrade1.text() + "<li>" + $upgrade2.text() + "</li><li>" + $upgrade3.text() + "</li>"); 

現在你可以看到第一個選擇編譯他們所需要的文本，然後將其添加到<li class ="upgrades">。現在問題在於某些.xml文件將只有1或2個升級而不是全部3.然而，由於.append（）中的<li>元素，該函數仍將繪製空白項目點。最簡單的解決方案是使用if語句，但是我似乎無法找到任何地方如何檢查選擇器是否爲空？只有提到檢查表單元素，但這對我沒有幫助。可能是一種檢查空字符串或小於1個字符的字符串的方法嗎？我不知道...

有沒有人有任何想法？

Answer 1

使用length。

if ($('whatever').length == 0) { 
    // It's empty 
} 

Answer 2

您還可以通過調用查詢中的每一個來隱式地使用選擇器。

$("whatever").each(function() { 
    var ctl = $(this); 
    ctl.text("bob jones"); 
}); 

通過這種方式，您將自動拋棄您沒有得到任何結果的實例。