0

li via を追加した後、ul 内の li の数をどのように数えることができajaxますか?

試してみ$("#mylist li").size()ましたが、新しく追加されたものはカウントされません。

このオプションがあることは知っています$(returnedHTML).find('li').lengthが、既存および新しく追加されたliの合計数が必要です

コード: html

<ul id="mylist">
   <li> item 1</li>
   <li> item 2</li>
</ul>

jquery:

function updateNotificationCount(){    
    var nCount=$("#mylist li").length;      
        $("#Counter").html(nCount);     
    }

 $(document).ready(function(){
   $.ajax({
        type: "GET",
        url: "../scripts/getNotifications.php",
        data: "",

        success: function (data) {

              $('#mylist').append(data);
              updateNotificationCount();


        },
        error: function (xhr, ajaxOptions, thrownError) {alert("error");
            alert(xhr.statusText);
            alert(xhr.responseText);
            alert(xhr.status);
            alert(thrownError);
        }

        });
});

問題なく更新できます。数えることだけが途方に暮れている

4

2 に答える 2

2

ajaxでsを$("#mylist li").length追加してから使用 してください。<li>

于 2013-01-21T04:42:54.107 に答える
0

あなたはこれを試すことができます、

$( "#mylist li" ).ajaxComplete(function(){
  var nCount=$("#mylist li").length;      
  $("#Counter").html(nCount);
});

あなたliはDOMに動的に追加されるので、ajax呼び出しが完了したときに試すことができます。成功時に呼び出しましupdateNotificationCount()たが、それがうまくいかないようであれば、動的カウントを使用live()または処理できます。delegate()

于 2013-01-21T05:12:19.273 に答える