如何使用 jquery 获取隐藏在 div 中的 html 的值？答案

【问题标题】：How to get the values of html hidden wrapped by a div using jquery?如何使用 jquery 获取隐藏在 div 中的 html 的值？
【发布时间】：2011-11-19 19:57:09
【问题描述】：

我对 javascript 和 jquery 还很陌生，所以请多多包涵。

这是我的代码：http://jsfiddle.net/94MnY/1/

我试图获取 div 中每个隐藏字段的值。

我试过了

$(document).ready(function() {
 $('input#btnDispHidden').click(function() {
   var totalHidden = 7;

   for(var i=0; i<totalHidden; i++) {
    alert($("#hiddenField hidden").html());
   }
 });
});

但我得到的值是null。

我也想知道如何获取 div 中的 html 元素总数。在我的情况下，我将如何获得 div 内的总数隐藏字段。我分配了totalHidden = 7 的值，但是如果我不知道隐藏字段的总数怎么办。

请帮忙。提前致谢。

【问题讨论】：

标签： javascript jquery hidden-field

【解决方案1】：

$('#hiddenField hidden') 正在尝试访问一个实际的 <hidden> 标签，它是 #hiddenField 的子标签

改用this。您要使用的是input[type=hidden] 选择器语法。然后，您可以使用 jQuery.each() 方法遍历每个生成的输入字段。

【讨论】：

+1 在其他人之前通过示例获得简洁的答案

【解决方案2】：

如果您想遍历 <input> 元素和 alert 每个值，请尝试以下操作：

$(document).ready(function() {
  $('input#btnDispHidden').click(function() {
    $('#hiddenField input').each(function() {
       alert(this.value);
    });
  }); 

});

http://jsfiddle.net/94MnY/8/

【讨论】：

【解决方案3】：

Here 是。

基本上，您正在寻找 .each()。我删除了一些输入字段，因为太多的警报消息很烦人。还在选择器中添加了隐藏类型以避免获取最后一个输入字段。

$(document).ready(function() {
        $('input#btnDispHidden').click(function() {
            $('input[type="hidden"]').each(function(i){
                alert($(this).attr('value'))        
            })
        });
});

【讨论】：

【解决方案4】：

坚持您已有的 - 但只需少量修改：

DEMO

$(document).ready(function() {
        $('input#btnDispHidden').click(function() {
            var totalHidden = $('#hiddenField input[type=hidden]').length; // get number of inputs

            for(var i=0; i<totalHidden; i++) {
                alert($("#hiddenField input[type=hidden]").eq(i).val());
            }
        });
});

【讨论】：

【解决方案5】：

您实际上可以使用查询创建一个包含这些隐藏元素的数组，然后循环遍历它们并提醒它们的值。

我放了一个jsfiddle给你看

http://jsfiddle.net/94MnY/4/

$(document).ready(function() {
        $('input#btnDispHidden').click(function() {
                $("#hiddenField input[type='hidden']").each(function(i, e){
                    alert($(this).val());
                });
        });
});

【讨论】：

【解决方案6】：

试试

$('#hiddenfield input[type=hidden]').each(function(){
   alert(this.val());
});

【讨论】：