检查jQuery中的选择器是否为空

Question

我目前正在使用带有jQuery命令的.js文件来查找.xml文件的某些元素.我已经能够轻松收集我想要的所有数据,但是在演示文稿中遇到了一些困难.

我使用相同的.js脚本来加载多个.xml文件.数据以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.然而由于<li>.append()中的元素,该函数仍将绘制空白项目符号.

最简单的解决方案是使用if语句,但是我似乎无法在任何地方找到你如何检查选择器是否为空？只提到检查表单元素,但这对我没有帮助.可能是一种检查空字符串或少于1个字符的字符串的方法？我不知道...

有没有人有任何想法？

Answer 1

使用length.

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