javascript - div の子 ID を取得する

Question

次のような他の div を含む div があります。

<div id="main_div">

  <div id="div_1">
    <div id="some_id"></div>
  </div>

  <div id="div_2">
    <div id="some_id"></div>
  </div>

  <div id="div_3">
    <div id="some_id"></div>
  </div>

</div>

特定のdivがクリックされたときに次のdiv idをプログラムで取得するにはどうすればよいですか?

div_1 is clicked -> alert div_2
div_2 is clicked -> alert div_3

ありがとう

Answer 1

jQueryが使えるなら、こうすればいい。次の機能を使用する

$("#main_div > div").on("click", function(){
  alert($(this).next("div").attr("id"));
});