javascript - 子へのセレクターなしで親から子を取得する方法は?

Question

子が強い、div、ヘッダー、またはその他の可能性がある子が1つしかない親divがあるユースケースがあります...子「Hello World」のinnerHTMLを取得するための一般的なソリューションが必要です

 <div id="parent">
  <strong>Hello World</strong>
 </div>

jqueryまたはjsでこれを行う効率的な方法は何ですか???

score 3 · Accepted Answer

3

document.getElementById('parent').children[0].innerHTML

于 2013-06-07T20:16:28.053 に答える

score 1 · Accepted Answer

1

$("#parent").children();
$("#parent").children(':first');

于 2013-06-07T20:15:52.790 に答える

score 1 · Accepted Answer

常に最初の子である場合は、を実行する$('#parent').children().first().text()か、すべての子を取得するには$('#parent').children().text().

score 1 · Accepted Answer

jQueryでこれを試してください:-

$("#parent").contents().filter(function(){
   return this.nodeType == 3;
});

score 0 · Accepted Answer

ネイティブを使用する提案にchildNodes[0]はバグがあります。

HTML の例では、必要な要素textNodeの前に表示されるがあります。<strong>非に到達するまで、childNodes をループする必要がありますtextNode。を試した場合も同じ問題が発生します.firstChild。

この例ではネイティブ DOM.childrenプロパティが機能しますが、注意してください。IE8 以前のバージョンでは、コメントノードも含まれます。

jQuery の.children()メソッドは、テキストノードをフィルターで除外するため、はるかに簡単な方法です。

jQuery をcontents()と組み合わせて使用.filterしてテキストノードを除外するという提案は機能しますが、不要です。代わりにを使用.children()して、テキストノードを除外する作業を実行させることができます。

score 0 · Accepted Answer

0

jQueryでは簡単です....

      $('#parent').children('strong').html();

于 2013-06-07T20:16:25.433 に答える

score 0 · Accepted Answer

jQuery:

$("#parent").children().html()

JavaScriptのみ:

document.getElementById("parent").childNodes[0].innerHTML

7 に答える 7