使用jQuery進行表遍歷

Question

我有一個購物車頁面，其中數量不是正確的數量，因為產品是批量出售的（1、10、100件）。

我要達到的目的是獲取包裝中的物品數量，乘以數量，然后顯示物品總數。

這是一個JSFiddle和代碼：

jQuery(document).ready(function($){
$( ".variant_title" ).each(function() {
  var str = $(this).text();
  var qty = $(this).nextUntil('input[id^=updates_]').val();
  console.log(qty);
  if ( str.indexOf('jackets') > -1 ) {
      unities = str.slice(18,21);
      if (unities === '100' || unities === '10 ') {

        console.log(unities);
        totalUnities = unities * qty;
        console.log(totalUnities); 
        $(this).append('<br />' + totalUnities + ' Unities');
      }
  } else {
      unities = str.slice(18,19);
      if (unities === '1') {
        console.log(unities);
        totalUnities = unities * qty;
        $(this).append('<br />' + totalUnities + ' Unity');
      }
  }
});
});

表例

我現在的問題是遍歷DOM，並在描述旁邊獲取輸入字段的值並相乘。

有人知道我在哪里犯錯嗎？

謝謝

Answer 1

  var str = $(this).text();
  var tr = $(this).closest('tr');  
  var qty = $(tr).find('input').val();
  console.log(qty);

您需要獲取父元素（此處為tr）並找到輸入以獲取數量。 希望這個幫助

Answer 2

nextUntil（-selector-）方法將所有先前元素選擇為-selector-
使用此方法獲取數量：

var str = $(this).text();
var qty = $(this).parents('.item').next('td.qty').find("input[id^='updates_']").val();

http://jsfiddle.net/eetyr6ae/3/