使用jQuery获取表格行中的隐藏字段值 ```javascript $(document).ready(function(){ // 在每一行上添加一个点击事件监听器 $('tr').on('click', function(){ // 使用jQuery选择器获取隐藏字段的值 var hiddenFieldValue = $(this).find('input[type="hidden"]').val(); // 将隐藏字段的值输出到控制台 console.lo
使用jQuery获取表格行中的隐藏字段值 ```javascript $(document).ready(function(){ // 在每一行上添加一个点击事件监听器 $('tr').on('click', function(){ // 使用jQuery选择器获取隐藏字段的值 var hiddenFieldValue = $(this).find('input[type="hidden"]').val(); // 将隐藏字段的值输出到控制台 console.lo
我有一个带有每行隐藏字段的表格。当点击该行中的按钮时,我需要弹出隐藏字段的值。我有以下的jQuery代码。但是它不起作用。我们如何让它起作用?
代码:http://jsfiddle.net/Lijo/xWanB/
$(document).ready(function () {
//"显示ID"的关联按钮点击事件
$('.resultGridTable tr > td > .actionButtonNational').click(function () {
//"this"表示显示ID按钮
//遍历获取父行,然后在行中获取所需的列
var associateID = $(this).parents('tr:first > .wrapperDivHidden input[type=hidden]').val();
alert(associateID);
return false;
});
});
HTML
XXXXX
value="显示ID" id="detailContentPlaceholder_grdSubscribedAssociates_btnNational_2"
class="actionButtonNational" style="color: White; background-color: #A7A7A6;
font-weight: bold; width: 60px" />
id="detailContentPlaceholder_grdSubscribedAssociates_hdnAssociateID_2"value="789345680" />
问题的原因是作者正在使用ASP.Net的HiddenField,而不是普通的文本字段,因此无法直接使用jQuery来获取隐藏字段的值。
解决方法是使用ASP.Net的HiddenField控件的ClientID属性来获取隐藏字段的ID,并将其作为jQuery选择器的参数来获取隐藏字段的值。
以下是解决方法的代码示例:
// 获取隐藏字段的ID var hiddenFieldID = '<%= hiddenField.ClientID %>'; // 使用jQuery选择器获取隐藏字段的值 var hiddenFieldValue = $('#' + hiddenFieldID).val(); // 在控制台输出隐藏字段的值 console.log(hiddenFieldValue);
通过这种方法,作者可以使用jQuery来获取ASP.Net HiddenField控件中隐藏字段的值。
jQuery通过使用选择器和.closest()方法来获取表格行中隐藏字段的值。在上述代码中,首先使用选择器选择class为actionButtonNational的元素,并为其绑定了一个点击事件的处理函数。然后在处理函数中,使用.closest()方法找到最近的td元素,再使用选择器选择该td元素下的隐藏字段input[type=hidden],并使用.val()方法获取其值。最后使用alert()方法弹出该隐藏字段的值。
该问题的原因是需要获取表格行中隐藏字段的值,但是不知道如何使用jQuery来实现。解决方法是使用选择器和.closest()方法来定位到隐藏字段所在的td元素,再使用选择器和.val()方法来获取隐藏字段的值。
下面是解决该问题的完整代码:
jQuery Get Hidden Field Value in Table Row
以上代码会在页面加载完成后绑定点击事件的处理函数。当点击"Show ID"按钮时,会弹出对应行隐藏字段的值。
问题出现的原因是选择器错误,使用了错误的选择器语法。解决方法是修改选择器,使用正确的语法来选择隐藏字段的值。
具体的解决方法是使用parents()
方法来找到包含隐藏字段的父元素tr
,然后使用find()
方法来找到该父元素下的隐藏字段,最后使用val()
方法获取隐藏字段的值。
代码如下所示:
$(this).parents('tr').find('.wrapperDivHidden input[type="hidden"]').val();
点击链接查看示例:http://jsfiddle.net/xWanB/3/