Jquery mobile 将li数据汇总到分割器中

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 <

是否有一种可能的方法可以从相同类别的Li元素中获取数据量,并将它们作为和放入具有相同类别的除法器,放入气泡。我尝试使用SQLite,但都是双重执行。我希望有办法解决这个问题。需要新鲜的眼睛

<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元素。请澄清你的问题。