jq innerhtml 追加值问题

chao19890916 2014-04-04 09:29:24

<ul id="tellist">

<li><span>15:33</span><a href="#">15588888888</a></li>

<li><span>15:33</span><a href="#">15588888888</a></li>

<li><span>15:33</span><a href="#">15588888888</a></li>

<li><span>15:33</span><a href="#">15588888888</a></li>

<li><span>15:33</span><a href="#">15588888888</a></li>

<li><span>15:33</span><a href="#">15588888888</a></li>

<li><span>15:33</span><a href="#">15588888888</a></li>

<li><span>15:33</span><a href="#">15588888888</a></li>

<li><span>15:33</span><a href="#">15588888888</a></li>

<li><span>15:33</span><a href="#">15588888888</a></li>

</ul>

<div style="text-align:center;"><a href="javascript:;" onclick="innertel();">继续增加浏览</a></div>

上面是我的html，我想在#tellist 追加信息，下面是我写的jq，但是会把原来的数据清除，我想在下面继续追加，而不是替换原有的



function innertel(){

	var tellist = "<li><span>15:33</span><a href='#'>1557777777</a></li><li><span>15:33</span><a href='#'>1557777777</a></li><li><span>15:33</span><a href='#'>1557777777</a></li><li><span>15:33</span><a href='#'>1557777777</a></li><li><span>15:33</span><a href='#'>1557777777</a></li><li><span>15:33</span><a href='#'>1557777777</a></li><li><span>15:33</span><a href='#'>1557777777</a></li><li><span>15:33</span><a href='#'>1557777777</a></li><li><span>15:33</span><a href='#'>1557777777</a></li><li><span>15:33</span><a href='#'>1557777777</a></li>"

	$("#tellist").html(tellist);

}

...全文

304 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

lzj0327 2014-04-05

打赏
举报

html+html是怎么用的？

stmal 2014-04-05

打赏
举报

以上的都加答得庭好

天际的海浪 2014-04-05

打赏
举报

引用 3 楼 lzj0327 的回复:

html+html是怎么用的？

$("#tellist").html($("#tellist").html() + tellist);

scscms太阳光 2014-04-04

打赏
举报

三个方法： html+html append appendTo 好好看看API

有一只柴犬 2014-04-04

打赏
举报

function innertel(){
    var tellist = "<li><span>15:33</span><a href='#'>1557777777</a></li><li><span>15:33</span><a href='#'>1557777777</a></li><li><span>15:33</span><a href='#'>1557777777</a></li><li><span>15:33</span><a href='#'>1557777777</a></li><li><span>15:33</span><a href='#'>1557777777</a></li><li><span>15:33</span><a href='#'>1557777777</a></li><li><span>15:33</span><a href='#'>1557777777</a></li><li><span>15:33</span><a href='#'>1557777777</a></li><li><span>15:33</span><a href='#'>1557777777</a></li><li><span>15:33</span><a href='#'>1557777777</a></li>"
    $("#tellist").append(tellist);
}