抓住一个变量两个父母和一个兄弟使用Jquery

Question

我试图抓住一个变量，它是两个div和一个兄弟姐妹。但是，下面的当前代码似乎没有返回值。

可以有无数个content_container div。下面的jQuery是我试图用来在与button_clicked div相同的content_container div中的“value_to_grab”类中查找值。

这是HTML：

<div class="content_container">
       <div class="container_a">

              <input type="text" class="value_to_grab">

        </div>
        <div class="container_b">
               <div class="container_c">
                          <div class="button_clicked">
                              click
                          </div>
               </div>
        </div>
 </div>
<div class="content_container">   
    <div class="container_a">

              <input type="text" class="value_to_grab">

        </div>
        <div class="container_b">
               <div class="container_c">
                          <div class="button_clicked">
                              click
                          </div>
               </div>
        </div>
   </div> 
    <div class="content_container">
        <div class="container_a">

              <input type="text" class="value_to_grab">

        </div>
        <div class="container_b">
               <div class="container_c">
                          <div class="button_clicked">
                              click
                          </div>
               </div>
        </div>

</div>

这是jquery：

    $(".button_clicked").live('click', function () {
        var value_to_grab = $(this).parent().parent().siblings(".value_to_grab").attr('value');

});

Answer 1

 var value_to_grab = $(this).closest('.content_container').find('.value_to_grab').val();