jquery - 循环遍历变量中的元素

Question

如何循环遍历存储在“ul”标签变量中的 HTML？这是我到目前为止所拥有的，但alert()甚至没有触发，我有点迷失了......

var data = 'HTML';
$('ul', data).each(function(i,v) {
    var theTag = v.tagName;
    var theElement = $(v);
    var theValue = theElement.html();
    alert(theTag+'\n'+theElement+'\n'+theValue);
});

谢谢

Answer 1

您正在尝试使用 $() call 的“选择器、上下文”形式:

jQuery( selector [, context] )
selector A string containing a selector expression
context A DOM Element, Document, or jQuery to use as context

HTML 字符串与 context 中的任何内容都不匹配应该是这样，所以 jQuery 不知道如何处理你的参数并做出错误的猜测。

你可能想这样做:

$(data).filter('ul').each(function(i,v) {
    //...
});

演示:http://jsfiddle.net/ambiguous/gxGB8/

或者，如果您不这样做't know at what level the <ul> elements will be, wrap the HTML in a <div> and use find而不是 filter :

$('<div>' + data + '</div>').find('ul').each(function(i, v) {
    //...
});

演示:http://jsfiddle.net/ambiguous/tM4ua/