Q&A
"XYZ"はないのにid="b"/id="A"/id="ko"id="1"/全ての要素が対象になって、id="c"/id="otsu"が対象外になるのはなぜでしょうか？
重ねての質問、恐縮ですがお尋ねをさせてください。
例えば、下記のHTMLのような場合
id="a"のdiv要素の配下にある全ての要素を対象とするようなセレクタを探しております。
より具体的な作業としては要素内の文字列について検索して置換しようとしております。
単一のノードであれば
$(function() {
$('#a:contains("XYZ")').each(function(){
......
でできるのですが、配下にある全てのタグにある文字列を対象としたいのですが
探してもそのようなセレクタの設定の仕方を探すことができなかったのですが
不可能なのでしょうか？下記例の場合はid="a"の配下にある、id="b"/id="A"/id="ko"id="1"/全ての要素
が対象になりますが、実際にはどのようなタグがあるのか、いくつあるのかは識別することができず、わかっているのは
id="a"の配下にあるというだけです。
宜しくお願い申し上げます。
HTML
1<div id="a"> 2 <div id="b"> 3 <h1 id="A"></h1> 4 <span id="ko"> 5 <table id="1"> 6 7 </table> 8 </span> 9 10 </div> 11 <div id="c"> 12 <span id="otsu"> 13 </span> 14 15 </div> 16 17</div>
回答2件
0
$('#a *')などユニバーサルセレクタを使用したらできないでしょうか？
投稿2017/06/22 07:45
総合スコア353
ご回答有難うございます。
それも検討したのですが:containsを使用する場合、うまくいきませんでした。。。
$('#a *:contains("XYZ")').each(function(){
var txt = $(this).text();
$(this).html(
txt.replace(/XYZ/g,'<span style="background-color:#f9ff8a">XYZ</span>')
);
});
text()ではなく、html()ではないですか？
あ、本当ですね！コメントありがとうざいます！
無事解決いたしました。宜しくお願い申し上げます。
0
ベストアンサー
「$('#a').children()」でとれるのでは？
投稿2017/06/22 07:32
総合スコア5572
ご回答ありがとうございます。
重ねての確認で恐縮ですが、
childrenの要素に含まれる文字列を検索して.replaceするのですが、この方法では:containsを使用することができないのではないでしょうか？
「$('#a').children().each(function(index, elm){$(elm).text($(elm).text().replace('target', 'replace'));});」とか？
ご回答ありがとうございます。
なるほど！と思ったのですが、実行した結果、全てのタグが消滅し、replaceしたタグだけ文字列として残ります。
abcdefghijklmnopqrstuvw<span style="background-color:#f9ff8a">XYZ</span>
タグが消滅してしまっているので、<pre>で表現したようになります。。
コード自体に問題はないように思えるのですが。。
上記の通り解決いたしました、html()でしたね、、
お力添え、深謝を申し上げます。
じゃあ「$('#a').children().each(function(index, elm){$(elm).html($(elm).html().replace('target', 'replace'));});」とかは？
解決されたので無駄なコメントになりましたorz
いえいえ、とんでもないです。大変助かりましたのでベストアンサーにさせて頂きました。
といいながら、複数あるうち初めの1つしかreplaceされていない不具合が見つかりeachを解析中です、、、orz
あなたの回答
tips
プレビュー
