javascript - 如何更改:contains to work on the exact string?

Question

我有一个根据文本字符串设置类的脚本。然而我不能完全让它工作，它将所有三个选项设置为第二类。如何将 contains 更改为 Equals 之类的内容？

$(document).ready(function(){
if ($('span.conditionHilite:contains("Approved Selection ONE")').length){
$(".productbox .item .right").before( '<span class="myAwesomeBanner">    </span>' );
}
else if ($('span.conditionHilite:contains("Approved Selection")').length){
$(".productbox .item .right").before( '<span class="myAwesomeBanner2">  </span>' );
}
else if ($('span.conditionHilite:contains("Approved Selection Budget")').length){
$(".productbox .item .right").before( '<span class="myAwesomeBanner3"></span>' );
}
});

Answer 1

$('span.conditionHilite').each(function(){
   var productBoxClass;

   if($(this).text() == 'Approved Selection ONE')
   {
      productBoxClass = 'myAwesomeBanner';
   }
   else if($(this).text() == 'Approved Selection')
   {
      productBoxClass = 'myAwesomeBanner2';
   }
   else if($(this).text() == 'Approved Selection Budget')
   {
      productBoxClass = 'myAwesomeBanner3';
   }

   if(productBoxClass)
   {
       $(".productbox .item .right").before( '<span class="' + productBoxClass + '"></span>' );
   } 
});

说明:

循环遍历所有相关的 span 元素，如果有满足文本条件的，则设置用于创建新 span 的新类，并在以下位置使用该类创建您的span结束。

替代方法

为了与匹配元素上的计数(即使用 length)的想法保持一致，您可以使用 jQuery 过滤器:

http://api.jquery.com/filter/

这将返回一个元素列表，只需使用 contains 即可。