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

你想设置src的<img>这样做,那么.wrap()它的<li></li>,就像这样:

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

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