如何使用jquery獲取由div包裝的html隱藏值？

Question

我是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());
   }
 });
});

但是Im得到的值是null 。

我也想知道如何獲取div中html元素的總數。 在我的情況下，我將如何獲得div中的總數隱藏字段。 我指定了totalHidden = 7的值，但如果我不知道隱藏字段的總數，該怎么辦？

請幫忙。 提前致謝。

Answer 1

$('#hiddenField hidden')正在嘗試訪問#hiddenField的子#hiddenField的實際<hidden>標記

試試這個 。 您要使用的是input[type=hidden]選擇器語法。 然后，您可以使用jQuery.each()方法遍歷每個結果輸入字段。

Answer 2

如果要迭代<input>元素並alert每個值，請嘗試以下操作：

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

});

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

Answer 3

在這里 。

基本上，你正在尋找.each（）。 我刪除了一些輸入字段，因為很多警報消息很煩人。 還在選擇器中添加了隱藏類型以避免獲取最后一個輸入字段。

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

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

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

Answer 6

嘗試

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