![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
たとえば
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ランキング
-
idを使わずにonclickで自身の要...
-
関数でy=g(x)のgとは何の略です...
-
functionから別のfunctionを実...
-
XMLHttpRequestでキャッシュを...
-
ActiveXobjectが作成できない
-
二次元配列を使って順位をだす...
-
乗換案内 VBAで操作したい
-
javascriptの基本的なことだと...
-
window.openでタイトル名の指定
-
Boolean型配列中のTrueの有無を...
-
JavaScriptで、現在日時から100...
-
同じIDで定義した要素の配列を...
-
Googleスプレッドシートとスク...
-
DOM要素を削除しても、イベント...
-
【Tabキー】特定の範囲内だけで...
-
Javascriptで定期的にF5を押す...
-
<a>タグのテキストを取得
-
Click回数を数え、規定された回...
-
『名前空間』の意味を教えてく...
-
JavaScriptでの動的な多次元配...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
関数でy=g(x)のgとは何の略です...
-
idを使わずにonclickで自身の要...
-
functionから別のfunctionを実...
-
jslintのエラーについて質問
-
要素名がスペースを含む場合のj...
-
javascript(jQuery)でセル内...
-
ajax反映後のjqueryが動かない
-
jQueryの :not() .not() が有効...
-
getElementByIdを使用したグロ...
-
コードをスマートにさせたい。
-
クリックすると上に開くアコー...
-
jQueryの"return false"の役割...
-
jQueryが読み込めない
-
個別では動く、javascriptのエラー
-
一つのアクションで関数を二つ...
-
jqueryの変数を関数の外に出す方法
-
R言語
-
jQuery|:not(:animated)
-
即時関数でプライベート変数的...
-
スムーズに動く アニメーション...
おすすめ情報