Jquery获取输入隐藏值不起作用

Question

我试图获取隐藏输入类型的值，但它不起作用。

JQUERY（在脚本标签中）：

$('.flagComment').click(function() {
    var commentid = $(this).siblings('.commentId').attr('value');

    alert(commentid);
});

HTML（在 while 循环中回显几次）：

<div class='bar'>
    <a href='#' class='flagComment'>Flag</a>
</div>

<input type='hidden' class='commentId' value='testvalue' />

Answer 1

尝试：

var commentid = $(this).parent().next('.commentId').val();

因为隐藏输入是 div 的同级，而不是锚点。

Answer 2

这应该效果更好，因为 .commentId 不是 .flagComment 的同级：

$('.flagComment').click(function(){
    var commentid = $(this).parent().next('.commentId').val();
    alert(commentid);
});

演示

Answer 3

input 不是此链接的同级。现在它可以工作了：

<div class='bar'>
<a href='#' class='flagComment'>Flag</a>
<input type='hidden' class='commentId' value='testvalue' />
</div>

您也可以尝试使用closest()函数：

$('.flagComment').click(function() {
    var commentid = $(this).closest('.commentId').attr('value');
    alert(commentid);
});