如何添加新列表不替换列表

时间:2013-11-01 08:29:39

标签: jquery

我有一个列表,当用户添加新列表时,此列表会增加。目前,当用户单击添加按钮时,它将用新的替换旧的,我想保留旧值,并在用户单击添加按钮时添加新值。

我知道在这部分要做的事情,但我不知道如何做到这一点。请帮助,谢谢。

    if(radio == '1'){
        $( "#summary" ).html( "<li class='holi'>Every Week</li>" ); 
    }   

Add New List

3 个答案:

答案 0 :(得分:2)

使用.append()代替.html()添加到列表中。

这假定#summary是您要添加的ul。相反,如果它包含div,则可以将选择器修改为$("#summary ul")

JSFiddle

答案 1 :(得分:0)

您需要使用.append()

$( "#summary" ).append( "<li class='holi'>Every Week</li>" ); 

Fiddel Demo

答案 2 :(得分:0)

里面的li标签会产生两个跨度,一个用于内容,一个用于编辑链接

$('.editlinkclass').on('click',function(){

//this will give you content span and you can do whatever you want to do with this
$(this).prev();
})