通过jQuery访问DOM元素

Question

假设我的代码片段中包含以下DOM元素:

<div id="test">
    <div id="t2">
       Hi I am
       <b>Gopi</b>
       and am 20 years old.
       <p id="div2">
         <button onclick="alert('lol')">Check</button>
       </p>
    </div>
</div>

假设我想遍历div#t2的内容.

$("#t2").children()给了我<b>和<p>标签.

那么我应该如何访问它以获取包含" Hi I am"," <b>....</b>"," and am 20 years old."," <p>.....</p> ?? 的数组的值.

Answer 1

使用本机DOM 节点:

$('#t2')[0].childNodes

为您提供所需的阵列.

您可能希望在使用$ .trim之前修剪条目,因为实际的文本节点包含HTML中的所有空格.