JQUERY・JSの置換について２

Question

<section id="かご">
<ul>
<li>みかん</li>
<li><a href="/"><ストロベリー</a></li>
<li>ばなな</li>
<li>ぶどう</li>
<li>▽▽▽　りんご</li>
</ul>
</section>

<section id="かご">
<ul>
<li>みかん</li>
<li><a href="/">ストロベリー</a></li>
<li>ばなな</li>
<li>ぶどう</li>
<li>〇〇〇　りんご</li>
</ul>
</section>

ダメだったコード

jQuery(function(){
jQuery('#かご li').each(function(){
   if(jQuery(this).text()="りんご" &&
      jQuery(this).closest('ul').find('li a').text()=="ストロベリー"){
jQuery(this).text("ここだけアップル");
}
});
});

かごの中の

ａ要素に　ストロベリーがあったときだけ

りんごを　

〇〇〇や▽▽▽はそのままで

"りんご"という文字列のみを

"りんごだけアップル"に置換したいです

JQUERY　で書きたいです

よろしくおねがいします

Comments

[maisumakun]

すみません、何をどうしたいのかもう少し詳しく説明していただけないでしょうか？

「りんごだけアップル」という文言を、どこでどのような形で使うのかもわからないです。

[maisumakun]

どこまでコードを書いてみましたか？

[Neoko]

わかりずらくてすみません
"りんご"という文字列を
"りんごだけアップル"という文字列に置換したいです

ＷＥＢの出力結果としてりんごの部分がりんごだけアップルにしたいです。
よろしくお願いします。

[Neoko]

jQuery(function(){
jQuery('#かご　li').each(function(){
   if(jQuery(this).text()="りんご" &&
      jQuery(this).closest('ul').find('li a').text()=="ストロベリー"){
jQuery(this).text("ここだけアップル");
}
});
});
これでだめでした。
おねがいします。

[miyabi_pudding]

その自身で書いたコードを質問本文に、
コードブロックを使って記載しましょう。
```ここに言語を入力
コード
```
という形式です。
質問本文は修正できます。

[Neoko]

ありがとうございます

Answer 1

同じidは文書中にひとつだけです。

とりあえず、以下のコードで動作確認しました。

$('[id=かご]:contains("ストロベリー") :contains("りんご"):not(:has(*))').each(function(_,e){
  e.textContent = e.textContent.replace( "りんご", "りんごだけアップル" )
})

Comments

[Neoko]

ありがとうございます

Answer 2

idはユニークにつけてください
あとはこんな感じでしょうか？

Comments

[yambejp]

$(function(){
$('li').filter(function(){
return $(this).text()=="〇〇〇　りんご"
&& $(this).siblings().find('a').filter(function(){
return $(this).text()=="ストロベリー";
}).length>0;
}).text("りんごだけアップル");
});

[Neoko]

ありがとうございます

[Neoko]

いつもありがとうございます
〇〇〇の部分は▽▽▽
だったり変動し
”〇〇〇　りんごだけアップル”　”▽▽▽　りんごだけアップル”
のように出力したいのですが
どうすればいいでしょうか
よろしくおねがいします

[yambejp]

りんごを含んだ文字列の「りんご」を「りんごだけアップル」に変えるのですね？

[Neoko]

そうです…おねがいします。

[yambejp]

$(function(){
$('li').filter(function(){
return /りんご/.test($(this).text())
&& $(this).siblings().find('a').filter(function(){
return $(this).text()=="ストロベリー";
}).length>0;
}).text(function(){
return $(this).text().replace(/りんご/,'りんごだけアップル');
});
});

[Neoko]

ありがとうございます

[Neoko]

動きました…ありがとうございます…