使用jQuery遍歷Bootstrap DOM

Question

這是我的HTML，首先：

<div id="master-template" class="row" style="height: 600px;">

   <!-- Left Side -->
   <div class="col-lg-6" style="height: 100%;">

       <div class="row"  style="height: 50%;" >

           <div class="region col-lg-12" data-div="1">

           </div>

       </div>

       <div class="row" style="height: 50%;">

           <div class="region col-lg-12" data-div="2">

           </div>

       </div>

   </div>

   <!-- Right Side -->
   <div class="region col-lg-6" style="height: 100%;" data-div="3">

   </div>

 </div>

還有我的jQuery ：

$("#master-template").find('.region').click(function() {
    alert("click");
});

因此，只有在單擊“右側”時，我才會收到警報。 因為它是直接后代。 其他人不注冊； 幾乎就像.row在阻止它一樣。 有沒有辦法我可以（帶有一個或兩個） click jQuery中的click函數來為.region所有div注冊單擊？ 孩子，孫子等？

Answer 1

發生這種情況是因為“ 右側”是唯一具有任何尺寸的.region 。 （由於height:100% ）。

未單擊其他兩個.region因為它們沒有尺寸（ height為0 ）