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

我正在使用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的元素.如何’看’所有元素？谢谢.

解决方法:

您也可以使用包含文本节点的.contents().

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

Example on jsfiddle

更新
无论是元素还是文本节点,.nextSibling都将获得下一个元素.

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

Example on jsfiddle