jquery - 查找项目是否存在于列表中

Question

我有一个清单：

<ul id="coll-selected-list" class="droptrue sort-drop ui-sortable">
              <li class="sortedli" style="">blah</li>
              <li class="sortedli" style="">blee</li>
              <li class="sortedli" style="">blu</li>
              <li class="sortedli" style="">blum</li>
</ul>

我想检查它是否存在于上面的列表中。但是我的代码不起作用，有什么想法吗？

var itemName = "blah";
           if ($("#coll-selected-list li:contains(" + itemName + ")").length) {
               alert("exists");
           }

Answer 1

您可以通过根据元素内部文本过滤元素并查看有多少元素与过滤器匹配来确定元素是否存在：

var exists = $("#coll-selected-list > li")
                 .filter(function() { return $(this).text() == "blah" })
                 .length
             != 0;

Answer 2

添加引号：

if ($('#coll-selected-list li:contains("' + itemName + '")').length) {

Answer 3

var itemName = "blah";
           if ($("#coll-selected-list li:contains('" + itemName + "')").length>0) {
               alert("exists");
           }​

您缺少包含的引号

Answer 4

缺少来自包含的引号

var itemName = "blah";
if ($('#coll-selected-list li:contains("' + itemName + '")').length) {
    alert("exists");
}

演示。