优雅的改变方式div是使用jQuery的标签

Question

这是我的用户列表。

我需要更改红色圆形标签。

$("#infoListBox .label").text($("#infoListBox a").length);
$("#infoListBox .list").bind("DOMSubtreeModified",function(){
    $("#infoListBox .label").text($("#infoListBox a").length);
});

当文档加载时，获取（红色）标签上的数字并更改标签;接下来，删除标签（将标签从21更改为20）。

我想改进此代码。

我的解决方案更好。

function getUserLength(){
    return $("#infoListBox .label").text($("#infoListBox a").length);
}
// user count
getUserLength();
$("#infoListBox .list").bind("DOMSubtreeModified",function(){
    $("#infoListBox .label").val(getUserLength());
});

我使用玉模板引擎，我的下面的玉代码..

div(id='infoListBox').ui.fluid.vertical.menu
  div.header.item Users
    a.ui.red.circular.label
  div.list.item
    a.item Me
    a.item 조제우
    a.item 장형주
    a .item 남중민
    a.item Me
    a.item 조제우
    a.item 장형주
    a.item 남중민
    a.item Me
    a.item 조제우

Answer 1

我猜$("#infoListBox .label")代表label或span。因此，请使用 .text()

$("#infoListBox .label").text(getUserLength());

更新：也不需要以上，只需

$("#infoListBox .list").bind("DOMSubtreeModified",function(){
    getUserLength();
});

由于 getUserLength() 已在红色圆形标签中显示长度，因此只需在 DOMSubtreeModified 事件。

Answer 2

试试这个

function getUserLength(){
return $("#infoListBox a").length;
}

getUserLength();
$("#infoListBox .list").bind("DOMSubtreeModified",function(){
$("#infoListBox .label").html(getUserLength());
});