如何使用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>"); 
      }