javascript - 为什么我的 jQuery 模板方法不再适用于 jQuery 1.9.1？

Question

请看这个 fiddle :http://jsfiddle.net/VdZJx/2/

$(function()
{
    var li = $($("#link-item-template").html()).find("a").attr({
        href: "javascript:;"
    }).html("Toggle");

    $("ul").append(li);
});

这是我的一种模板方法，正如我所见，甚至其他一些库也在使用它来存储和生成 html 模板。

如果你使用 jQuery 版本 1.9.1，让这个演示运行并观察控制台结果是 Sizzle当您尝试从 $().html() 生成新的 jQuery 对象时抛出以下错误。见:

Uncaught Error: Syntax error, unrecognized expression: <li> <input type="checkbox" /> <a></a> </li>

我该怎么做才能让它重新工作？

Answer 1

因为你并没有真正得到正确的元素，而是脚本标签的内容作为一个字符串，它恰好是 HTML，大量的空格和换行符被添加到 HTML 字符串中，你需要 trim 它以使它作为一个有效的选择器工作:

$($.trim($("#link-item-template").html()))

FIDDLE