循环遍历变量中的每个节点

时间:2012-12-17 22:35:39

标签: jquery html css

我有一个包含几个具有相同类的HTML节点的变量。我想循环遍历每一个,我想知道我会怎么做。

我尝试过以下操作,但没有任何反应(控制台没有打印出任何内容)。

var myVar = "<div class='item'>Item01</div>" +
            "<div class='item'>Item02</div>" +
            "<div class='item'>Item03</div>";

$(myVar).find('.item').each( function() {
    console.log( $(this) ); //console does not output anything
}

2 个答案:

答案 0 :(得分:1)

$(myVar).find('.item')不会包含任何内容。

您需要做的是:

$(myVar).has('.item').each(...)

或者只是:

$(myVar).each(...)

答案 1 :(得分:1)

您的代码中存在一些语法错误,使用find也是多余的。

var myVar = "<div class='item'>Item01</div>" +
            "<div class='item'>Item02</div>" +
            "<div class='item'>Item03</div>";

$(myVar).each(function() {
    console.log($(this))
});