Question

$(document).ready(function() {
$('#btn1').click(function() {
 $('li').after($( "#txt1" ).val());
});
});

这可以在第一个li之后添加文本，但是当我输入新文本时，它将它放在同一个li中 - 问题是：如何让jquery代码每次都输入一个新的li ？

Answer 1

以下是您愿意做的事情：

http://jsfiddle.net/sykkadfk/5/

你需要按照@Tushar的说法追加<li> & </li>，但是，只选择last()的{{1}}元素，请查看上面的链接进行演示。

li

Answer 2

我认为以下用小提琴更新的代码应该更顺畅。

您应该为li使用父元素，以便您可以使用.append()函数

WORKING FIDDLE

<强> HTML

<ul>
    <li>ok</li>
    <li>ok</li>
    <li>ok</li>
    <li>ok</li>
</ul>
<input id="txt1" /><input type="submit" id="btn1">

JQUERY CODE

$(document).ready(function() {
    $('#btn1').click(function() {
        //$('li').last().after('<li>' + $( "#txt1" ).val() + '</li>');
        $("ul").append("<li>"+$("#txt1").val()+"</li>");
        $("#txt1").val("").focus();//This will clear previous text and set focus
    });
});

每次用户输入文本并点击按钮时添加新的“li”

2 个答案: