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

, поскольку скрытый ввод - это брат, а не якорь.

Answer 2

вход не является родственным для этой ссылки.Теперь это работает:

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

Answer 3

Это должно работать лучше, потому что .commentId - это не брат .flagComment:

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

Демо