javascript - 最初の子の後の子ノードへのアクセス

Question

最初のタグ要素の後にすべての html コンテンツにアクセスしたい。jqueryまたはjavascriptを介してアクセスする方法を教えてください。

<div id="mydiv" > 
<h4> h4 node </h4>
<p><b>bold</b></p>
<h1><b>bold</b></h1>
<b>bold</b>

</div>

Answer 1

:gt(0)セレクターは最初の要素の後に参照します:

var els = $("#mydiv > :gt(0)");

最初のノード以降のすべてのノード (テキスト ノードを含む) が必要な場合は、次を使用します。

var els = $("#mydiv").contents().slice(1);

Answer 2

特定の要素内のすべての要素を見つけたい場合は、最初にその要素を見つける必要があります。var x=document.getElementById("mydiv").children; これは、配列を使用するようにその子にアクセスできるコード Atfer を使用して JavaScript で実行できます。たとえば、x[0] は mydiv 内の最初の要素、x[1] は 2 番目、というように... mydiv の 2 番目の子の innerHTML を出力するサンプル コードを次に示します。 <script> var x=document.getElementById("mydiv").children; document.write(x[1].innerHTML); </script>