在內選擇自定義屬性 <div> 與jQuery

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
  });

Answer 2

$('#ListView2_itemPlaceholderContainer tbody tr').each(function () {
    $(this).find('input:checkbox:checked').each(function () {
           var dataElement = $(this).closest('[data-1]');

           var data1 = dataElement.data('1');
           var data2 = dataElement.data('2');
           var data3 = dataElement.data('3');
        });
    });
});

Answer 3

$(this).attr('data-1'); 

應該可以

請參閱jQuery手動輸入 attr