如何使用jquery在last中添加LI_Jquery_Html

如何使用jquery在last中添加LI

jquery html

如何使用jquery在last中添加LI,jquery,html,Jquery,Html,我有一个要求，如果用户点击一个按钮，那么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 #F

我有一个要求，如果用户点击一个按钮，那么

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>


.bill ul{列表样式：无}
.bill ul li{浮点：左；宽度：94px；右边距：18px}
bill ul li:最后一个孩子{右边距：0}
.bill+ul{边框：实心1px#FF0000}
$（函数（）{
$（'.bill'）。查找（'a'）。单击（函数（）{
var jammu=$（'.bill'）.find（'li'）.length；
}
)
})

一,
二,
三,
四,
五,

你可以这样做

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

$（'.bill'）。查找（'a'）。单击（函数（）{
var jammu=$（'.bill'）.find（'li'）.length；
$（'.bill'）。查找（'ul'）。追加（''+（jammu+1）+''）；
});

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

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

var jammu=$（'.bill'）.find（'li'）.length+1；
美元（“”）
.html（jammu++）
.appendTo（$（'.bill'）。find（'ul'））；

试试这个

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

$（'div.bill a'）。单击（函数（）{
var li_编号=$（'.bill ul li'）。长度；
$（'div.bill ul'）。追加（'li>'+（li_编号+1）+''）；
});

另一个：

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

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

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

});

var n=$（'.bill ul li'）。长度；
$（'.bill a'）。单击（函数（）{
n++；
$（''）.html（n）.appendTo（'.bill'）；
});

应该是这样的：

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

var$bill=$（'.bill'）；
$（'a'，$bill）。单击（函数（）{
var number=$（'li:last'，$bill）.text（）；
数字=+数字+1；
$（'ul'，$bill）.append（'li>'+number+''）；
});