javascript - 如果使用 jquery 在该行中进行了任何修改，如何更改突出显示的当前表行

Question

如果我使用 Jquery 更改特定表格行的任何输入文本或图像，如何使当前表格行突出显示。由于下面给出的代码包含两行，所以如果我修改输入文本或通过按键事件或任何其他解决方案更改图像，如何使其中的任何行突出显示，请告诉我

<table>
  <tbody>
    <tr>
      <td>1</td>
      <td>
        <input type="text" class="form-control">
      </td>
      <td>
        <textarea class="form-control"></textarea>
      </td>
      <td>
        <div class="browse-chg-img">
          <img style="width: 100px; height: 75px;" src="../fileuploads/BulkImgUpload/abc.jpg" />
          <div class="overlay">
            <div class="text" style="font-size: 10px;">Change Image</div>
          </div>
        </div>
      </td>
      <td>
        <button type="button" class="btn btn-primary">Save</button>
      </td>
    </tr>
    <tr>
      <td>2</td>
      <td>
        <input type="text" class="form-control">
      </td>
      <td>
        <textarea class="form-control"></textarea>
      </td>
      <td>
        <div class="browse-chg-img">
          <img style="width: 100px; height: 75px;" src="../fileuploads/BulkImgUpload/abc.jpg" />
          <div class="overlay">
            <div class="text" style="font-size: 10px;">Change Image</div>
          </div>
        </div>
      </td>
      <td>
        <button type="button" class="btn btn-primary">Save</button>
      </td>
    </tr>
  </tbody>
</table>

Answer 1

试试这个，

$(document).ready(function() {
  $('td').on('keydown', function(ev) {
    $('tr').css('background-color','');
    $(this).closest('tr').css('background-color','red');        
  });
});

同样的 jsFiddle

https://jsfiddle.net/0k8Lu50v/