使用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('*'));