javascript - addClass 如果包含匹配项

Question

HTML:

<li class="widgetcontainer widget_text" id="text-3">
   <h3 class="widgettitle">Static Ad</h3>
   <div class="textwidget"><img alt="" src="static/announcement.png"></div>
</li>

jQuery:

if( $('.widget_text')[0] ) {
    $('.widgettitle').each(function() {
      if ( $(this).containts('Static Ad') ) {
        $(this).parent().addClass('myclass');
      }
    }); 
}

... 不工作。两者都不是:

if( $('.widget_text')[0] ) {
    $('.widget_text').each(function() {
      if ( $(this).children('h3:contains:("Static Ad")') ) {
        $(this).parent().addClass('static-ad');
      }
    }); 
}

我该如何解决？

谢谢!

Answer 1

您有错字:if ( $(this).contains('Static Ad') ) {

尝试:

$('.widgettitle:contains("Static Ad")').parent().addClass('myclass');

或

$('.widget_text').each(function() {
   if ( $(this).children('h3:contains("Static Ad")').length > 0 ) {
     $(this).addClass('static-ad');
   }
})

您的代码中有一个额外的冒号 :(将其删除)，我认为您必须删除 parent()。

除此之外，无需测试 $('.widget_text')[0]。如果没有类 widget_text 的元素，$('.widget_text').each() 无论如何都不会做任何事情 ;)