使用类获取所有动态创建的隐藏字段的值?

时间:2016-06-27 13:56:43

标签: javascript jquery

我想通过类引用获取动态创建的隐藏字段的值。

创建隐藏字段的示例

<input class="SelectedClaimants" id="CodesList_2__Claimant" name="CodesList[2].Claimant" type="hidden" value="Jason Statham">

这与我所尝试的一致。

$('.listSelected').on('DOMSubtreeModified', function (event) {

    $(".SelectedClaimants").find('input[type=hidden]').each(function () {
        var testC += $(this).val();
    });
});

我的目标是让他们创建一个数组对象,但目前我很高兴只是将值输出到一个连接的字符串中。

2 个答案:

答案 0 :(得分:2)

尝试this(结果会记录到控制台)。它基于Tushar的答案,但选择器错了。

$('input[type="hidden"].SelectedClaimants').map(function () { 
    return $(this).val(); 
}).get().join(',')

答案 1 :(得分:1)

您可以使用.querySelectorAll(),展开元素,for..of循环。请注意,id,例如CodesList_2__Claimantdocument中应该是唯一的。

var testC = [];

for (let el of [...document.querySelectorAll("input[type='hidden'].SelectedClaimants")]) {
  testC.push(el.value)
}