2

この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>
4

2 に答える 2

9

srcを に設定したい<img>ので.wrap()、次のように に設定し<li></li>ます。

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

ここでテストできます。必ず使用.parent()し<li>てラップしてください。

于 2010-09-28T17:22:14.713 に答える
0

あなたはこのようなことをすることができます：http：//jsfiddle.net/Y2ER7/6/

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

<li>HTMLコンテンツが属性<img>にpic連結されたとして設定された新しい要素を作成しsrcます。

編集：以下の@Nick Craverからのコメントで説明されているように、変数のソースがわからない場合は、この回答のように属性をpic連結しないでください。src

質問のように文字列を使用している場合は、問題はないはずです。

于 2010-09-28T17:24:22.790 に答える