javascript - jQuery .wrap() 问题

Question

我在使用 jQuery 时遇到了一些问题

$(document).ready(function() {
    var foo = $("<div><h1>Bar</h1><p>Hi</p><h1>Baz</h1><p>bye</p></div>");
    foo.filter("h1,h2").map(function(id) {
        $(this).wrap('<span color="red"/>');
    });
    alert(foo.html());
});

这段代码输出

<h1>Bar</h1><p>Hi</p><h1>Baz</h2><p>bye</p>

跨度无处可寻。我做错了什么？

Answer 1

它没有任何效果，因为 .filter() 在该级别过滤元素，您可能需要 .find()得到这样的后代:

$(document).ready(function() {
    var foo = $("<div><h1>Bar</h1><p>Hi</p><h1>Baz</h1><p>bye</p></div>");
    foo.find("h1,h2").wrap('<span color="red"/>');
    alert(foo.html());
});

You can test it out here .另请注意，您应该使用 .each()而不是 .map()用于循环...但是这里没有必要，因为您可以调用 .wrap()直接。