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>

spanタグに「body」（およびaddClass）を含む<p>タグを見つけたい。アッパースパンだけにクラスを追加したい。

Answer 1

これがデモです

基本的に、各タグpを調べ、テキストコンテンツを取得し、「body」が含まれている場合は、addClassをに追加しspanます。

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

またはきちんとした方法、

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