JavaScript来提取的兄弟姐妹，然后将数据发送到Django的

Question

我有类似

<tbody id="order_table"> 
     <tr class="list"> 
      <td data-status="old" class="food_name">food1</td> 
      <td class="quantity">1</td> 
      <td class="price">$10.00</td> 
      <td><button type="button" class="btnIncrement btn"> <span class="fa fa-plus"></span></button></td> 
     </tr> 
     <tr class="list"> 
      <td data-status="old" class="food_name">food111</td> 
      <td class="quantity">1</td> 
      <td class="price">$10.00</td> 
      <td><button type="button" class="btnIncrement btn"> <span class="fa fa-plus"></span></button></td> 
     </tr> 
     <tr class="list"> 
      <td data-status="new" class="food_name">food11</td> 
      <td class="quantity">1</td> 
      <td class="price">$10.00</td> 
      <td><button type="button" class="btnIncrement btn"> <span class="fa fa-plus"></span></button></td> 
     </tr> 
     <tr class="list"> 
      <td data-status="new" class="food_name">food12</td> 
      <td class="quantity">1</td> 
      <td class="price">$10.00</td> 
      <td><button type="button" class="btnIncrement btn"> <span class="fa fa-plus"></span></button></td> 
     </tr> 
</tbody> 

我想提取每个new项的食品名称，数量及价格，并付诸阵列，最后发送到Django的由ajax .. 订单并不重要 这就是我想要的。

[[food11, 1, 10.00], [food12, 1, 10.00]] 

如果没有新的项目存在，就会返回

[] 

我真的不能看着办吧。所以我想一些帮助。非常感谢你

Answer 1

var newFood = []; 

$('#order_table td.food_name').filter(function() { 
    return $(this).data('status') == 'new'; 
}).each(function() { 
    newFood.push([$(this).text(), $(this).siblings('.quantity').text(), $(this).siblings('.price').text()]); 
}); 

$.ajax({ 
    // do you ajax 
});