イベントを発生させた要素に関連する特定のdivにアクセスする方法は？

Question

私は、ユーザーが質問して他の人に返信できるWebサイトを作成しました。質問はdivに含まれており、divと、CSSプロパティがdisplay: noneの別のものが含まれています。

私は母の中にdivというボタンをつけています。返信フォームやコメントフォームを含むdivが開きます。

私の唯一の問題は、コメントボタンをクリックするたびに、ユーザーがクリックしなかった質問でも、他のすべての返信セクションdivが開かれることです。

ユーザーが返信ボタンをクリックした特定のdivを取得して、そのマザーdivの返信フォームのみを開くことができます。

Answer 1

のjQuery：

$(".button").click(function(){ 
    //here the button element is pointed by -this-!!! 
    //so "this" is the element contained in your div... 
    $(this).parent("questionDiv") //<- will point to the div that contain the button 
    //so, having the button (this), you can get the parent element that contain the question and in it the mother div 
}); 

.parent()は、また、これは私があなたの質問:)私はいくつかのことを仮定するつもりです

から理解を明確.closest()と.siblings()

希望を確認します...

DOM：お客様のHTMLコード

<div class="mother"> 
    <div class="question"> 
     <button class="respBtn">Respond</button> 
    </div> 
    <div class="respond"> ..more elemnts.. </div> 
</div> 

jqueryの：

$(document).ready(function(){ 
     $(".respBtn").click(function(){ 
      console.log("click"); 
      //here goes the code that shows the div 
      let moderDiv = $(this).parents(".mother"); 
      console.log(moderDiv.html()); 
      moderDiv.find("div.respond").each(function(){ 
       $(this).show(); 
      }); 
     }); 
    }); 

CSS：

.respond{ 
     display : none ; 
    } 

これは一例です... jqueryのは、DOMの右側の部分を指すようにANSを押されたボタンを知ることの世話をします。

希望これは私のアイデア:)あなたは関連する要素を見つけるために、jQueryのDOMのトラバーサルメソッドを使用する必要が