jquery - 如何在使用 jquery 将其添加到列表之前检查重复的列表文本？

Question

假设我有以下 ul 列表：

                  <ul id='testList'>

                            <li>dfsdfdsfs</li>
                            <li>dfsdfdsfs</li>
                            <li>dfsdfdsfs</li>
                            <li>dfsdfdsfs</li>
                            <li>dfsdfdsfs</li>
                  </ul>

接下来，在将项目添加到列表之前，我需要检查此列表是否有重复项：

                 $("#testList li").each(function()
                 {
                     if(output == $(this).text())
                     { 
                            alert("duplicate entry");
                     }else
                     {
                         $("#testList").append("<li>"+output+"</li>");
                     }

                 });

问题，当列表为空时，没有添加 else 语句......

Answer 1

您的功能有几个问题。首先，如果列表为空，它不会添加任何内容，其次，它将添加不等于列表中任何项目的元素，第三：testList 是一个类，$("#testList") 查找ID。

试试这个：

           function addToList() {
             var addit = true;
             $("testList li").each(function()
             {
                 if(output == $(this).text())
                 { 
                        addit = false;
                 }
             });
             if(addit)
                 $("testList").append("<li>"+output+"</li>");
           }