如何在使用jQuery添加新LI后“刷新”UL?

时间:2012-03-23 04:01:37

标签: javascript jquery

我认为它与this question类似,但我的问题是关于jQuery和HTML5。我正在向<LI>添加<UL>元素,并在apears中添加链接(<a href="..">)作为纯文本,而不是可点击的。除此之外,图像不可见,而<img src="..">元素正在被添加属性。

在使用append()后,我觉得需要一些“刷新”技巧。哪一个?

这是我的代码,以防万一:

$('ul').append($('<li/>').append($('<img/>').attr('src', 'http://example.com')));

在正确构建HTML时,图像不可见。我在Mac上试用Safari 5.1。

BTW,在Firefox 10.0中一切正常。也许实际问题是我在Safari中使用XML + XSL格式,在Firefox中使用普通HTML5。

2 个答案:

答案 0 :(得分:2)

这是它的工作方式(参见this question):

$('#list').html('<li>foo</li>');

答案 1 :(得分:0)

这将添加一个带有图像的li元素。

   $("ul").append("<li><img src='http://www.yourimage/normal.JPG' /> </li>"); 

以下是示例:http://jsfiddle.net/xchXQ/1/