查找元素是否包含“body”添加类

时间:2013-01-07 03:01:51

标签: jquery

<div class="results">
<div class"right">
<span class="cdh list"><span>
<div>
 <div class="left">
  <ul>
  <li><p><a href="#">link</a> some text</p></li>
  <li><p><a href="#">link</a> some text</p></li>
  <li><p><a href="#">link</a> some text</p></li>
  <li><p><a href="#">link</a> body</p></li>
  </ul>
 </div>
</div>
<div class="results">
 <div class"right">
  <span class="cdh list"><span>
 <div>
 <div class="left">
  <ul>
  <li><p><a href="#">link</a> some text</p></li>
  <li><p><a href="#">link</a> some text</p></li>
  <li><p><a href="#">link</a> some text</p></li>
  <li><p><a href="#">link</a> some text</p></li>
  </ul>
 </div>
</div>

我想找到&lt; p>包含“body”(和addClass)span标记的标记。 我想在上跨区添加课程。

1 个答案:

答案 0 :(得分:0)

这是DEMO

基本上浏览p代码的each,获取text content,如果它包含“正文”,则addClass发送到span

$('ul li p').each(function() {
  if ($(this).text().indexOf('body') > -1) {
    $('span').addClass('Test');
  }
});

或者更简洁的方式,

if ('p:contains("body")') {
      $('span').addClass('Test');
}