jquery - 用jquery和greasemonkey遍历元素内容

Question

我有一个关于使用 jquery 和greasemonkey 遍历新创建的元素的问题。

我有这个 javascript 片段：

var content="some html string"
var el = $( '<div></div>' );
el.html(content);
GM_log(el.html());

我添加到新 div 的 html 字符串类似于：

Hello:<br> world<br> <img src="someimage.jpg" align="absmiddle" border="0">
<font color="#FF0000"> hello<br>
<img src="otherimage.gif" align="absmiddle" border="0"> 
test</font><br>    
----------

我正在寻找一种方法来遍历新创建的 div 并分别访问每个标签/文本。
例如，如果我这样做：

GM_log(el.children());

我只能访问整个孩子而不是单个文本/标签。
谁能建议我怎么做？

Answer 1

您可以使用find('*')来获取所有孩子，并使用each()来遍历它们。

el.find('*').each(function(){
    alert(this.tagName);
    alert($(this).html());
    alert($(this).text());
});

Answer 2

使用find()获取所有后代元素，而不仅仅是目标元素的直接子元素

GM_log(el.find('*'));