同班的onclick

Question

我在這個div中有Div1和Div2，我有多個輸入。 目標是當我單擊div 1 btn編輯時，它顯示div 1內的輸入，與div2相同

我的HTML

我的1度Div

   <div class="col-lg-6 col-md-6 xxx">
       <div class="row form-group ">
           <div class="col-lg-6 col-md-6"><h6 >xxx Nº 1</h6></div> 
                 <div id="edit" class="btn btn-sm"> Edit </div> 
            </div>
            <div class="form-group  edit_xxx" id="edit_xxx">
                <div class="row form-group" >
                        <div class="col-lg-5 col-md-5 row">
                            <div id="minus" class="btn btn-sm-click btn-info fa fa-minus pull-left"></div>

                                <input id="xxx" name="xxx" class="form-control click select-form" disabled type="text" value="{{ $i }}" >

                            <div id="plus" class="btn btn-sm-click btn-info fa fa-plus pull-right"></div>
                        </div>

                    </div>

                     </div>
                        </div>

我的2ºdiv

                        <div class="row form-group " >
                              <div class="col-lg-6 col-md-6"><h6 >xxx Nº 2</h6></div> 
                            <div id="edit" class="btn btn-sm"> Edit </div> 
                        </div>
                        <div class="form-group  edit_xxx" id="edit_xxx">

                    <div class="row form-group" >

                        <div class="col-lg-5 col-md-5 row">
                            <div id="minus" class="btn btn-sm-click btn-info fa fa-minus pull-left"></div>

                                <input id="xxx" name="xxx" class="form-control click select-form" disabled type="text" value="{{ $i }}" >

                            <div id="plus" class="btn btn-sm-click btn-info fa fa-plus pull-right"></div>
                        </div>

                    </div>
                       </div>
                        </div>

我的jQuery代碼：

    $("body").on("click", ".xxx",function(){ 
      $(this).parent().find(".edit_xxx").toggle();
   });

最終目標是在.xxx內單擊時打開輸入ID，再次單擊則關閉DIV1的輸入，如果單擊div2則相同

感謝您的幫助，我真的很討厭jquery。

Answer 1

答案！

$("body").on("click", "#edit",function(){
          $(this).parents(".xxx").children("#edit_xxx").toggle();
  });