javascript - 使用 jQuery 在 <div> 中选择自定义属性

Question

我有一个包含以下 td 的表:

<td>
      <div id="spcheck">
         <div id="check" 
              data-1='<%# Eval("sth1") %>' 
              data-2='<%# Eval("sth2") %>' 
              data-3='<%# Eval("sth3") %>'>
              <asp:CheckBox ID="chk1" runat="server"/>
          </div>
      </div>
</td>

这是最后一篇了。如您所见，它具有自定义属性。如果选中了该复选框，我需要获取值 data-1、data-2 和 data-3。我有以下获取每个 tr 的代码，但我需要进入 td 并获取属性值:

$('#ListView2_itemPlaceholderContainer tbody tr').each(function () {
                // I GET THE <TR>
                $(this).find('input:checkbox:checked').each(function () {
                    // I NEED THIS CODE
                    });
                });
            });

提前致谢。

Answer 1

因为属性在div上，所以需要先找到div并获取div的属性。可以在div上使用.attr()来获取它们

 $(this).find('input:checkbox:checked').each(function () {
         var $closestDiv = $(this).closest('div');  // Find the div

         var $data1 = $closestDiv.attr('data-1');  // data-1
         var $data2 = $closestDiv.attr('data-2');  // data-2
         var $data3 = $closestDiv.attr('data-3');  // data-3
  });