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() );