jquery - 如何使用jquery在最后添加LI

Question

我有一个要求，如果用户点击一个按钮，那么li应该附加在最后一个ul并且它的数量应该增加。

<head>
    <style>

    .bill ul{ list-style:none}
    .bill ul li{ float:left; width:94px; margin-right:18px}
    .bill ul li:last-child { margin-right:0}
    .bill + ul { border:solid 1px #FF0000}

    </style>
    <script type="text/javascript" src="jquery-1.7.2.js"></script>
    <script type="text/javascript">

        $(function () {

            $('.bill').find('a').click(function () {

                var jammu = $('.bill').find('li').length;
            }
        )
        })
    </script>
</head>
<body>
    <div class="bill">
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
        </ul>
        <a href="#">Click to increase</a>
    </div>
</body>

score 1 · Accepted Answer

这是基于您的代码的解决方案：

var jammu=$('.bill').find('li').length + 1;
$("<li />")
    .html(jammu++)
    .appendTo($('.bill').find('ul'));

JSF中。

score 0 · Accepted Answer

你可以这样做。

   $('.bill').find('a').click(function (){
      var jammu=$('.bill').find('li').length;
      $('.bill').find('ul').append('<li>' + (jammu+1) + '</li>') ;
     });

现场演示

score 0 · Accepted Answer

尝试这个

$('div.bill a').click(function() {
    var li_number = $('.bill ul li ').length;
    $('div.bill ul').append('<li>'+(li_number+1)+'</li>');  
});

score 0 · Accepted Answer

其他：

var n = $('.bill ul li').length;

$('.bill a').click(function(){

    n++;
    $('<li />').html(n).appendTo('.bill');

});

score 0 · Accepted Answer

应该是这样的：

var $bill = $('.bill');
$('a', $bill).click(function (){
    var number = $('li:last', $bill).text();
    number = +number + 1;
    $('ul', $bill).append('<li>' + number + '</li>');
});

jquery - 如何使用jquery在最后添加LI

5 回答 5

Related

Reference