javascript - JQuery 多个隐藏值

Question

我有以下 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() );

但是无论单击哪个按钮，都会返回第一行的值。

Answer 1

这应该有效:

$('button').click(function(){
    console.log($(this).closest('li').find('input[name="url"]').val())
})

您需要在点击函数中使用 $(this) 来引用该特定元素，然后相应地遍历 DOM(有多种方法可以在这一点上给猫皮)以获取隐藏的输入.

jsFiddle example