Jquery 如何选择不是当前元素直接祖先的元素？

HTML:

jsFiddle：

---

当我单击带有class add_链接的元素时，我想选择其组的class final值。我已经为它编写了上面的代码，这似乎是可行的，但是我想要一个更直接的选择器来定位元素。

有很多方法，但我认为这是最简单的：

$('.add_link').click(function(event){
    event.preventDefault(); //Instead of href="javascript:"
    var value = $(this).closest(".group").find(".final").val();
    alert(value);
});

此外，您可以使用事件对象来阻止单击的默认操作，而不是将其添加到href属性中

---

阅读更多内容：

有很多方法，但我认为这是最简单的：

$('.add_link').click(function(event){
    event.preventDefault(); //Instead of href="javascript:"
    var value = $(this).closest(".group").find(".final").val();
    alert(value);
});

此外，您可以使用事件对象来阻止单击的默认操作，而不是将其添加到href属性中

阅读更多信息：

试试这个

$('.add_link').click(function(){
        value=$(this).parent('div').siblings('input.final').val();
        alert(value);    
});

试试这个

$('.add_link').click(function(){
        value=$(this).parent('div').siblings('input.final').val();
        alert(value);    
});

---

您可以这样做：

$('.add_link').click(function(){
  var value=$(this).parent().siblings('.final').val();
    alert(value);          
});

工作演示：

不同方法的比较：

发现最快的方法是：

---

var value=$this.parent.find'.final'.val

您可以这样做：

$('.add_link').click(function(){
  var value=$(this).parent().siblings('.final').val();
    alert(value);          
});

工作演示：

不同方法的比较：

发现最快的方法是： var value=$this.parent.find'.final'.val

您可以使用最后一个子元素来获取任何标记的最后一个值

检查此项

您可以使用最后一个子项获取任何标记的最后一个值

---

检查一下这个

-1你测试过这个吗？添加链接没有任何输入同级：-1您测试过这个吗？添加链接没有任何输入同级：