技术CTO-关注编程入门知识,提供编程入门教程

您的位置: 首页 > 前端开发 > javascript > 正文

jq innerhtml 追加值问题

来源: 技术CTO 阅读:

<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);
}
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);
}
三个方法:
html+html
append
appendTo
好好看看API
html+html是怎么用的?
引用 3 楼 lzj0327 的回复:
html+html是怎么用的?

$("#tellist").html($("#tellist").html() + tellist); 
以上的都加答得庭好

^_^ 如果您热爱技术、热爱编程,想与更多的朋友一起交流学习,欢迎加入本站官方QQ群:345733473 ^_^