たとえば
this.innerHTML の中身が "<span>xxx</span>yyy" の場合、
xxxだけを取り出す場合はどうすればいいですか?
たとえば、
this.find("span").innerText
jQuery("span", this).get(0).innerText
とかかなり色々なコードを試したんですが無理でした。。
詳しい方、教えてください。。
全体のコード
obj.parents().map(function(){return this.innerHTML;}).get().join(" "));
No.1ベストアンサー
- 回答日時:
obj.parents()の中のspan要素ってことでしょうか?
一番外側のparentだけで充分とは思いますが、
obj.parents().find("span").map(~~~
で、対象がspanに絞られますけれど、そういうことではないのかしらん。
この回答への補足
fujilinさんありがとうございます。
改て、もうすこし具体的に質問の内容を書き直しました。。
わかりにくかったかもしれません。すいませんです。。
<ul>
<li><span>xxx</span>
<li><a>aaa</a></li>
</li>
</ul>
<ul>
<li><span>yyy</span>
<li><a>bbb</a></li>
<li><span>zzz</span>
<li><a>ccc</a></li>
</li>
</li>
</ul>
ツリー構造になっていて、すべてのノード名は処理しやすいように <span>で囲ってあります。
でそれぞれのリーフに対して親を辿りながらそのノード名をくっつけていく処理を作っていました。
<script>
jQuery("li a", document.body).each(function(){
var obj = jQuery(this);
obj.attr('href',"http://abc/?get="+
obj.parents("li a").map(function(){return this.innerText;}).get().join(" ")) // <- ここの記述に関しての質問でした
})
</script>
上記のコードを実行すると各親のすべての文字列がくっついてくるため
<span>だけをくっつけたいというのが質問でした。。
で、理想的には以下のような感じにすればspanのテキストだけくっつけられるのかな?
obj.parents("li a").map(function(){ return this.find("span").innerText;}).get().join(" "))
と思ったのですがこれもエラーでした。。
fujillinさんのおっしゃいってとおりに、
obj.parents("span").map(funtion(){return this.innerText;}).get().join(" "))
にしてみたら、""が帰ってきました。。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- JavaScript javascriptでテーブルに追加した項目のid追加してローカルストレージを操作したい 5 2023/01/01 15:52
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript 読み込んだQRコードをフォームに受け渡したい 1 2023/05/18 11:18
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」 5 2023/06/27 12:08
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
functionから別のfunctionを実...
-
関数でy=g(x)のgとは何の略です...
-
jQueryで指定された要素のIDに...
-
jQueryが読み込めない
-
jqueryの変数を関数の外に出す方法
-
R言語
-
jQuery1.4.2、jQueryUI1.8.4、t...
-
javascript(jQuery)でセル内...
-
idを使わずにonclickで自身の要...
-
静的自動補完への道
-
jQueryの :not() .not() が有効...
-
jslintのエラーについて質問
-
google apps scriptの終了のさせ方
-
Boolean型配列中のTrueの有無を...
-
同じIDで定義した要素の配列を...
-
文字を一文字ずつ表示
-
C#OpenCv V4にのエラーに関する...
-
XMLでのAttributeを持ったNode...
-
1日1回引けるJavaScriptおみく...
-
<a>タグのテキストを取得
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
functionから別のfunctionを実...
-
idを使わずにonclickで自身の要...
-
関数でy=g(x)のgとは何の略です...
-
phpでの文字の点滅表示
-
JAVAスクリプトで指定時間以降...
-
jslintのエラーについて質問
-
ページ内に複数表がある場合のT...
-
XMLHttpRequestでキャッシュを...
-
関数名をテキストから読み込む...
-
jQueryでzipを解凍読み込みする...
-
getElementByIdを使用したグロ...
-
jQuery 同じ処理を関数にまとめ...
-
クリックすると上に開くアコー...
-
小数点以下を5刻みで表示
-
Javascriptで引数の参照渡しか...
-
jQueryの"return false"の役割...
-
javascript(jQuery)でセル内...
-
jQueryの :not() .not() が有効...
-
jqueryの変数を関数の外に出す方法
-
jquery 複数のメソッド
おすすめ情報