javascript - 通过 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 Node :

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

给你你想要的数组。

您可能希望在使用 $.trim 之前 trim 条目也是因为实际的文本节点包含 HTML 中的所有空白。