javascript - jquery组合多个选择器

Question

alert($('.input-large[name="name"]:parent:parent').html());

我的html是：

<div class="control-group">
    <label for="name" class="control-label">Clinic Name</label>
    <div class="controls">
       <input type="text" name="name" id="name" class="input-large" value="">
    </div>
</div>

我在警报中得到空值。如何找到输入元素的父级的父级？

Answer 1

尝试

alert( $('#name').parent().parent().html() );

Answer 2

对于所有input-large[name=name]元素：

$(".input-large[name=name]").each(function(){
    alert($(this).parent().parent().html());
});

但是话又说回来，这将为您提供每个实例的警报。

Answer 3

你可以像其他人一样做 parent().parent() 链，或者只是将父选择器传递给 .parents() 以获得更清晰的链，如下所示：

alert( $('#name').parents('.control-group').html() );