检查列表项中是否没有特定的文字

Question

我需要检查项目列表是否具有特定文本。如果所有文本中都没有该文本，则添加一个新元素

到目前为止，我所要做的是检查每个元素是否都具有该文本，但这不是我所需要的...如何检查所有li，如果文本不存在，请添加新元素？

这是我的代码：

$("#evTypes li").each(function() {
     var typeName = $(this).text();
     if(typeName == "Events") {
        $("#evTypes").prepend("<p class='studentRun'>Event</p>");
     }

});

Answer 1

您可以将:contains选择器与length一起使用：

if ($('#evTypes li:contains("Events")').length === 0)
  $("#evTypes").prepend('<p class="studentRun">Event</p>');