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>

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

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

Answer 1

您可以filtering元素根据inner text确定元素是否存在，并查看有多少元素与过滤器匹配：

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");
}

DEMO.

查找列表中是否存在项目

4 个答案: