在Jquery中单击外部div时获取内部输入标记的值

我有一个程序循环相同的

多次

<div class="check"><input type="hidden" class="value" value="1" />Click 1</div>
<div class="check"><input type="hidden" class="value" value="2" />Click 2</div>
<div class="check"><input type="hidden" class="value" value="3" />Click 3</div>
<div id="result"></div>

演示：

当您键入

$（'.value'）

时，您将获取所有

.value

项-当您请求

.val（）

时，您将获取列表中第一个项的值

试试这个：

$('.check').click(function(){
    var ans = $(this).find('.value').val();
    $('#result').html(ans);
});

$（此）

是已单击的元素，使用

.find

将查找其中的.value。

添加上下文：

$('.check').click(function(){
    var ans = $('.value', $(this)).val();
    $('#result').html(ans);
});

添加上下文并使用jQuery方法：

$('.check').click(function(){
    var ans = $(this).find('.value').val();
    $('#result').html(ans);
});

请参见

，而不是

$('.check').click(function(){
    var ans =    $('.value').val();
    $('#result').html(ans);
});

你可以使用这个：

$('.check').click(function(){
    var ans = $(this).children()[0].val(); // <-- This is the value for selected div
    $('#result').html(ans);
});

$（'.check'）。单击（函数（）{
var ans=$（this.children（）[0].val（）；//感谢您的帮助：）
$('.check').click(function(){
    var ans = $(this).children()[0].val(); // <-- This is the value for selected div
    $('#result').html(ans);
});

var result = $('#result');

$('.check').on('click',function(){
    $(result).html($(this).find('.value').val());
});