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

Question

<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>

我想找到包含“body”（和 addClass 到）span 标记的 < p > 标记。我想将课程添加到上跨度。

Answer 1

这是一个演示

基本上遍历每个标签，p获取文本内容，如果它包含'body'，则添加类到span。

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

或者更简洁的方式，

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