jquery - 检查列表项是否没有特定文本

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>');