javascript - jquery中不同行的索引类

Question

我有一个表格，每行都有按钮。我试图单击特定的按钮，它会选择同一行的值 .claim_value 字段，并将该值放入 td 中与 .vet_value 相对的位置。

这是我的代码

<table id="tasks" class="col-md-12 table">
    <thead>
        <tr>
          <td>Service</td>
          <td>Key notes</td>
          <td>Claim Amount</td>
          <td>Vetted Amount</td>
        </tr>
    </thead>
    <tbody>
        <tr class="therow">
          <td class="claim_value">hey</td>
          <td class="vet_value"></td>
          <button class="button">button</button>
        </tr>
        <tr class="therow">
          <td class="claim_value">you</td>
          <td class="vet_value"></td>
          <button class="button">button</button>
        </tr>
        <tr class="therow">
          <td class="claim_value">me</td>
          <td class="vet_value"></td>
          <button class="button">button</button>
        </tr>
        <tr class="therow">
          <td class="claim_value">them</td>
          <td class="vet_value"></td>
          <button class="button">button</button>
        </tr>
    </tbody>    
</table>

所以我希望能够点击 class="button"

$(".button").click(function(){
  (".claim_value").val() of this same row goes into (".vet_value").val()
});

Answer 1

只需调用 parent()访问父级 <tr>元素并修改<td>从那里开始

$(".button").click(function(){
    var $parent=$(this).parent();
    var claimValue=$parent.find(".claim_value").text();
    $parent.find(".vet_value").text(claimValue);
});