使用jQuery在<div>中选择自定义属性
使用jQuery在<div>中选择自定义属性
提问于 2012-10-11 00:38:20
我有一个表，它有以下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
});
});
});提前谢谢。
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-10-11 00:42:33
因为属性在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
});Stack Overflow用户
发布于 2012-10-11 00:43:21
$('#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');
});
});
});Stack Overflow用户
发布于 2012-10-11 00:42:00
$(this).attr('data-1'); 应该能起到作用
有关属性，请参阅jQuery manual entry
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12824272
复制相关文章
相似问题
腾讯云开发者
