Question

（将从数据库中获取表，因此该表将具有N行）

我可以使用'td：nth-child（7）'在控制台上获得结果，但是我想更改'td：nth-child（5）'或'td：nth-child（6）'< / p>

我在这里获得控制台值，但无法在列文本中获得它

http://jsfiddle.net/adwaitrao/s78y031x/11/

$(".btn").click(function() {
  var $row = $(this).parents('tr');
  var text0 = $row.find('td:nth-child(5)').text();
  var text1 = $row.find('td:nth-child(6)').text();
  var str = $row.find('td:nth-child(7)').text();
  var res = +text0 + +text1;
  console.log(res);


});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
<table width="100%" border="1">
  <tr>
    <td>Sr</td>
    <td>Product name</td>
    <td>Variants</td>
    <td>Attributes</td>
    <td>Price</td>
    <td>Qty</td>
    <td>Result </td>
    <td></td>
  </tr>
  <tr>
    <td>1</td>
    <td>Product1</td>
    <td>department1</td>
    <td>Colorred</td>
    <td contenteditable>4</td>
    <td contenteditable>720</td>
    <td></td>
    <td><button class="btn">ADD TRANSACTION</button></td>
  </tr>
  <tr>
    <td>2</td>
    <td>Product2</td>
    <td>department2</td>
    <td>Colorgreen</td>
    <td contenteditable>6</td>
    <td contenteditable>900</td>
    <td></td>
    <td><button class="btn">ADD TRANSACTION</button></td>
  </tr>

Answer 1

你是说

function show()  {
  var $row = $(this).parents('tr');
  var text0 = $row.find('td:nth-child(5)').text();
  var text1 = $row.find('td:nth-child(6)').text();
  var str = $row.find('td:nth-child(7)').text();
  var res = +text0 + +text1;
  console.log(res);
}
$(".btn").on("click",show);
$("[contenteditable]").on("input",show)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
<table width="100%" border="1">
  <tr>
    <td>Sr</td>
    <td>Product name</td>
    <td>Variants</td>
    <td>Attributes</td>
    <td>Price</td>
    <td>Qty</td>
    <td>Result </td>
    <td></td>
  </tr>
  <tr>
    <td>1</td>
    <td>Product1</td>
    <td>department1</td>
    <td>Colorred</td>
    <td contenteditable>4</td>
    <td contenteditable>720</td>
    <td></td>
    <td><button class="btn">ADD TRANSACTION</button></td>
  </tr>
  <tr>
    <td>2</td>
    <td>Product2</td>
    <td>department2</td>
    <td>Colorgreen</td>
    <td contenteditable>6</td>
    <td contenteditable>900</td>
    <td></td>
    <td><button class="btn">ADD TRANSACTION</button></td>
  </tr>

HTML表格：将一列（每一行）和第二列的值相加，然后将其分配到第三列

1 个答案: