cordova - 单击可折叠集时获取计数气泡值

Question

我有一个动态创建的可折叠集和列表视图。在我的可折叠集合元素中，我显示了 countbubble 值。

这就是我正在做的事情。

count = resultset.rows.length;
$(list).remove();
$.each(resultset.rows,function(index){
   var row = resultset.rows.item(index);      
   var li = '<li><a href="#">'+row['Date']+'</a></li>';
   list.append(li); 
});

div = '<div data-role="collapsible" data-inset="false" data-iconpos="right" data-collapsible="true" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d"><h3>'+
 row1["name"]+'<span class="ui-li-count ui-btn-up-c ui-btn-corner-all" data-iconpos="right">'+count+'</span></h3></div>';
}

list.appendTo(div).parent().appendTo('[data-role="content"]').end().trigger("create");
$('div[data-role="collapsible"]').collapsible({theme:'b',refresh:true});
$('[data-role="listview"]').listview().listview('refresh');     
}

我能够得到我点击了哪个可折叠元素，这就是我为获得可折叠元素所做的事情

$(document).on("expand", "div[data-role=collapsible-set] div[data-role=collapsible]", function(){
    var title = $(this).find(".ui-btn-text")
                       .contents()
                       .filter(function(){
                           return this.nodeType == 3;
                       }).text();
    alert("Expanded: " + title);
});

但是通过上述方法，我只能获得可折叠的元素名称。我怎样才能得到计数气泡的值？

谢谢：）

Answer 1

尝试

$(document).on("expand", "div[data-role=collapsible-set] div[data-role=collapsible]", function(){
    var $item = $(this).find(".ui-btn-text");
    var title = $item.contents()
                     .filter(function(){return this.nodeType == 3;})
                     .text();
    var count = $item.find(".ui-li-count").text();
    alert("Expanded: " + title + ' count: ' + count);
});

jsFiddle