jquery - 如何获取最近输入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');

这将使所有 sibling 在同一个<div>内 与 deleteid类。