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>

アラートで null になっています。入力要素の親の親を見つける方法は?

Answer 1

試す

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

Answer 2

他の人が行ったようにparent（）。parent（）チェーンを実行するか、次のように、親セレクターを.parents（）に渡してよりクリーンなチェーンにすることができます。

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

Answer 3

すべてのinput-large[name=name]要素について:

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

ただし、これにより、インスタンスごとにアラートが表示されます。