jquery - jquery在字符串中使用变量作为appendTo

Question

如何将此 URL 变量附加到列表中？

我正在摆弄这个：http: //jsfiddle.net/Y2ER7/4/

JS：

$(function() {
    var pic = "http://jqueryui.com/demos/droppable/images/high_tatras3_min.jpg";

    // doesn't work
    $("<li><img /></li>").attr("src", pic).appendTo("#album ul");
    $("<li><img src='pic' /></li>").appendTo("#album ul");

    // hardcoded works
    $("<li><img src='http://jqueryui.com/demos/droppable/images/high_tatras3_min.jpg' /></li>").appendTo("#album ul");
});

HTML：

<div id="album">
    <ul>
        <li>red</li>
        <li>green</li>
        <li>blue</li>
    </ul>
</div>

Answer 1

您想设置srcon <img>，然后.wrap()在 a 中设置它<li></li>，如下所示：

$("<img />").attr("src", pic).wrap("<li />").parent().appendTo("#album ul");

你可以在这里测试它，确保使用它.parent()来<li>包装它。

Answer 2

你可以这样做：http: //jsfiddle.net/Y2ER7/6/

$("<li />", {html:"<img src='" + pic + "' />"}).appendTo("#album ul");

创建一个新<li>元素，其 HTML 内容设置为<img>与属性pic连接的 in 。src

---

编辑：正如下面@Nick Craver 的评论中所述，如果您不确定pic变量的来源，则不应src像此答案中那样连接属性。

如果您在问题中使用字符串，则应该没有问题。