Jquery mobile 将li数据汇总到分割器中
是否有一种可能的方法可以从相同类别的Li元素中获取数据量,并将它们作为和放入具有相同类别的除法器,放入气泡。我尝试使用SQLite,但都是双重执行。我希望有办法解决这个问题。需要新鲜的眼睛Jquery mobile 将li数据汇总到分割器中,jquery-mobile,Jquery Mobile,是否有一种可能的方法可以从相同类别的Li元素中获取数据量,并将它们作为和放入具有相同类别的除法器,放入气泡。我尝试使用SQLite,但都是双重执行。我希望有办法解决这个问题。需要新鲜的眼睛 <ul data-role="listview"> <li data-role="list-divider" role="heading" class="ui-li-divider" data-category=""> Category Not Set <
<ul data-role="listview">
<li data-role="list-divider" role="heading" class="ui-li-divider" data-category="">
Category Not Set
<span class="ui-li-count"></span>
</li>
<li data-row-id="1" data-amount="300" id="1" data-icon="info" data-category="">
<a href="" data-view-id="1" class="viewCost ui-btn">
<h2>Header 1</h2>
</a>
</li>
<li data-row-id="2" data-amount="500" id="2" data-icon="info" data-category="">
<a href="" data-view-id="2" class="viewCost ui-btn">
<h2>Header 2</h2>
</a>
</li>
</ul>
使用该函数迭代列表中的所有ui li分隔符。然后,对于每个分隔符,可以使用获取同级列表项,直到到达下一个分隔符。一旦您有了这个列表,就可以获得data-amount属性,将其解析为integer并将它们相加。最后将计数气泡文本设置为总计:
$("#mylist .ui-li-divider").each(function(idx){
var $bubble = $(this).find(".ui-li-count"); //the count bubble
var total = 0;
var $lis = $(this).nextUntil('.ui-li-divider'); //get listitems until next divider
//iterate listitems, get the amount of each, add to total
$lis.each(function(){
var amount = parseInt($(this).jqmData('amount'));
total += amount;
});
//write total to bubble
$bubble.text(total);
});
您有一个类别和两个li元素。请澄清你的问题。