jquery 在字符串中使用变量作为appendTo
如何将此 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>
How can I append this URL variable to the list?
I am fiddling around with this: 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>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
你可以这样做： http://jsfiddle.net/Y2ER7/6/
创建一个新的
元素，其 HTML 内容设置为![]()
pic作为src属性。编辑：如下面 @Nick Craver 的评论所述，如果您不确定
pic变量的来源，则不应连接src< /code> 属性如本答案所示。如果您在问题中使用字符串，那么应该没有问题。
You could do something like this: http://jsfiddle.net/Y2ER7/6/
Creates a new
<li>element, with its HTML content set as the<img>withpicconcatenated in for thesrcattribute.EDIT: As described in the comments from @Nick Craver below, if you're unsure of the source of your
picvariable, you should not concatenate thesrcattribute as in this answer.If you're using a string as in your question, there shouldn't be an issue.
您想要在
![]()
src，因此请执行以下操作.wrap()位于中，如下所示：您可以在此处进行测试，请确保使用
.parent()获取您包裹的。You want to set the
srcon the<img>so do that then.wrap()it in a<li></li>, like this:You can test it out here, make sure to use
.parent()to get the<li>you wrapped it in.