使用 jQuery 向下遍历 Bootstrap DOM

Traversing down Bootstrap DOM with jQuery

本文关键字：Bootstrap DOM 遍历 jQuery 使用      更新时间：2023-09-26

这是我的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挡住了它一样。 有没有办法(用一个或两个(在jQuery寄存器点击中click函数，用于所有div .region？ 孩子、孙子孙女等？

发生这种情况是因为右侧是唯一具有任何维度的.region DIV。(凭借height:100%(。

其他两个.region未被单击，因为它们没有维度(height为 0(

相关文章：