javascript提取 sibling ，然后将数据发送到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 元素的食物名称、数量和价格并将它们放入数组中，最后通过 ajax 发送到 django ..顺序并不重要这就是我想要的。

[[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
});