我有以下 HTML;
<ul class="list-group">
<li class="list-group-item">
www.andrewspiers.co.uk
<input type="hidden" name="url" value="www.andrewspiers.co.uk">
</li>
<li class="list-group-item">
wikipedia.org
<input type="hidden" name="url" value="wikipedia.org">
</li>
</ul>
计划是为每一行添加一个按钮,然后在单击按钮时从隐藏字段中获取值。
我有这个;
alert( $('input[name="url"]').val() );
但是无论单击哪个按钮,都会返回第一行的值。
最佳答案
这应该有效:
$('button').click(function(){
console.log($(this).closest('li').find('input[name="url"]').val())
})
您需要在点击函数中使用 $(this)
来引用该特定元素,然后相应地遍历 DOM(有多种方法可以在这一点上给猫皮)以获取隐藏的输入.
关于javascript - JQuery 多个隐藏值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29306052/