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'));

JSFiddle。

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