使用 jQuery 循环遍历表格，使用选中的复选框更新行中的特定单元格

Question

我就是无法解决这个问题。我有一个带有一列复选框的表格。 Ajax 更新后，我想更新选中​​复选框的行中的特定单元格。我正在使用的 jQuery Ajax 调用是：

$.ajax({
        type: 'POST',
        url: 'ProcessDate',
        data: params,
        error: function(xhr, ajaxOptions, thrownError) {
               alert(xhr.statusText);
          },

         success: function(html) {
                  closeDialog();
                  $('#results tbody tr').each(function(){
                         $("#CaseID:checked").parent().siblings("td.DateUpdated").html('CHANGE'); 
            });
        },
        cache: false
     });

HTML 是：

<table id="results">
  <tr>
     <td><input type="checkbox" id="CaseID"></td>
     <td id="DateUpdated"></td>
  </tr>
  <tr>
     <td><input type="checkbox" id="CaseID"></td>
     <td id="DateUpdated"></td>
  </tr>
  <tr>
     <td><input type="checkbox" id="CaseID"></td>
     <td id="DateUpdated"></td>
  </tr>

Ajax 调用成功，但我的表更新没有发生。

Answer 1

首先，使用类，因为 Id 必须是唯一的，如下所示：

<tr>
  <td><input type="checkbox" class="CaseID"></td>
  <td class="DateUpdated"></td>
</tr>

然后使用类选择器，如下所示：

$.ajax({
  type: 'POST',
  url: 'ProcessDate',
  data: params,
  error: function(xhr, ajaxOptions, thrownError) {
    alert(xhr.statusText);
  },
  success: function(html) {
    closeDialog();
    $(".CaseID:checked").parent().siblings("td.DateUpdated").html('CHANGE'); 
  },
  cache: false
});

不需要 .each() 循环，至少在您的示例代码中不是这样......类选择器将获得您想要的所有元素，无论行如何。