[英]jQuery to get Hidden Field Value in Table Row
我有一个表格,每行都有一个隐藏字段。 当单击该行中的按钮时,我需要提醒隐藏字段的值。 我有以下jQuery代码。 但它不起作用。 我们如何让它发挥作用?
代码: http : //jsfiddle.net/Lijo/xWanB/
<script>
$(document).ready(function () {
//"Show ID" for Associate Button Click
$('.resultGridTable tr > td > .actionButtonNational').click(function () {
//"this" means show ID button
//Traversing to get the parent row and then the required columns in the row
var associateID = $(this).parents('tr:first > .wrapperDivHidden input[type=hidden]').val();
alert(associateID);
return false;
});
});
</script>
HTML
<td>
XXXXX
<input type="submit" name="ctl00$detailContentPlaceholder$grdSubscribedAssociates$ctl04$btnNational"
value="Show ID" id="detailContentPlaceholder_grdSubscribedAssociates_btnNational_2"
class="actionButtonNational" style="color: White; background-color: #A7A7A6;
font-weight: bold; width: 60px" />
<div id="wrapperDivHidden" class="wrapperDivHidden">
<input type="hidden" name="ctl00$detailContentPlaceholder$grdSubscribedAssociates$ctl04$hdnAssociateID"
id="detailContentPlaceholder_grdSubscribedAssociates_hdnAssociateID_2"value="789345680" />
</div>
</td>
你的选择器以tr:first > .wrapperDivHidden ...
但.wrapperDivHidden
不是tr
的直接子.wrapperDivHidden
所以更改你的选择器是这样的:
$(this).parents('tr').find('.wrapperDivHidden input[type="hidden"]').val();
小提琴: http : //jsfiddle.net/xWanB/3/
尝试这个:
<script type="text/javascript">
$(document).ready(function () {
//"Show ID" for Associate Button Click
$('.actionButtonNational').click(function () {
var associateID = $('input[type=hidden]', $(this).closest("td")).val();
alert(associateID);
return false;
});
});
</script>
以下是您尝试执行的操作的简化示例:
如果您的行的第一列被隐藏,则使用此var x = $('input [type = hidden]',$(this).find(“td:first”))。val();
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.