jQuery结合多个选择器

Question

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

My html is :

<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>

I'm getting null in the alert. How to find the parent of the parent of the input element?

Answer 1

尝试

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

Answer 2

For all input-large[name=name] elements:

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

But then again this will give you an alert for each instance.

Answer 3

您可以像其他人一样做parent（）。parent（）链，也可以将父选择器传递到.parents（）中以获得更清洁的链，如下所示：

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