javascript - 使用 jQuery 在列表中搜索特定文本

Question

我无法将列表限制为仅添加唯一元素，这是我目前所拥有的

function addTab(tabName)
{
    var tabList=$("#pageContent ul").find("li").text();
    if($("#pageContent ul li:contains('"+tabList+"')").length<1)
    {
        $("#pageContent ul").append("<li>"+tabName+"</li>");
    }
    else
    {   

    }
}

但它不起作用我不确定哪里出了问题，据我所知，这应该是最好的方法。

我打算使用 jQuery UI 选项卡，但我的布局使用了 float ，并且与选项卡小部件混淆

Answer 1

您正在获取所有 li 元素的文本内容，然后尝试选择包含该特定文本的 li 元素，这没有意义，您甚至没有在过滤逻辑中使用 tabName ，请使用 filter 方法尝试以下操作。

function addTab(tabName) {
    var $e = $("#pageContent ul");
    var n = $e.find("li").filter(function(){
        var t = this.textContent || this.innerText;
        return t === tabName
    }).length;

    if (n === 0) {
        $e.append("<li>"+tabName+"</li>");
    } else {  
       // ...
    }
}