javascript - 如何迭代不寻常的html元素

Question

我正在使用 CodeRay 生成 html 代码和几乎所有包含在 span 中的文本元素，但其中一些没有。在示例中，您可以看到 primary_key_prefix_type 根本没有换行。

<span class="no">1172</span><span class="r">case</span> primary_key_prefix_type
<span class="no">1173</span><span class="r">when</span> <span class="sy">:table_name</span>

但我需要使用 jQuery 中的 next() 和 prev() 函数遍历所有元素。因此我缺少 primary_key_prefix_type 因为它不是 jQuery 的元素。如何“看到”所有元素？谢谢。

Answer 1

您可以使用 .contents()其中也包括文本节点。

$("#test").contents().each(function() { 
    //do something with each node
});

Example on jsfiddle

更新
.nextSibling将获取下一个元素，无论它是元素还是文本节点。

$(".r")[0].nextSibling;

Example on jsfiddle