如何获取最近输入Jquery的值

Question

我的页面上有多个具有相同类别的按钮。当我单击按钮时，我想获取最近的输入框的值（请记住我的页面上有多个具有相同类的输入框和按钮）。

我有：

    $(".deletepostbutton").click(function() {

            var deleteid = $(this).closest('.deleteid').attr('value');

  });


<div class="microblogpostactions">
     <input type="text"  name="deleteid" class="deleteid" value="'.$row['id'].'" />
     <a href="Javascript:void[0]" class="deletepostbutton">Delete</a>
     </div>

<div class="microblogpostactions">
     <input type="text"  name="deleteid" class="deleteid" value="'.$row['id'].'" />
     <a href="Javascript:void[0]" class="deletepostbutton">Delete</a>
     </div>

当用户单击链接时，如何获取最近输入的值并使我的变量等于它？？？

Answer 1

如果您确定它们就在下一个，请使用 .prev()彼此。 （这应该是最快的。）

 var deleteid = $(this).prev().attr('value');

这将获取前一个元素。

如果中间可能存在另一个元素，您可以使用 .siblings()：

 var deleteid = $(this).siblings('.deleteid').attr('value');

这将获得具有 deleteid 类的所有同级在同一个

中。

Answer 2

$(this).parent().find('.deleteid').attr('value');

Answer 3

$(this).parent().find('.deleteid').attr('value');

它可能（而且确实）会导致性能问题。例如：

$(this).parent().find('.deleteid').val(10);
alert($(this).parent().find('.deleteid').val());

有时它会返回 .deleteid 的先前值（不是 10）