如何给后添加的标签添加事件

一、总结

一句话总结：

给新添加的元素hidden_panel类添加点击事件：$("body").on("click", ".hidden_panel", function (e) { 执行的代码 });

<script>
  $(function () {
      $("body").on("click", ".hidden_panel", function (e) {
          $(this).children(".panel-body").toggle();
          $(this).children(".panel-footer").toggle();
          $(this).find(".panel-heading_symbol_left").toggle();
          $(this).find(".panel-heading_symbol_down").toggle();
      });
  });
</script>

二、给动态添加的标签添加事件的问题

转自或参考：给动态添加的标签添加事件的问题 - tangmin的博客 - CSDN博客
https://blog.csdn.net/tangminfx/article/details/82019340

 1 测试代码：
 2 
 3 <!DOCTYPE html>
 4 <html>
 5   <head>
 6     <meta charset="UTF-8">
 7     <title>www.jb51.net - JS实现为动态创建的元素添加事件</title>
 8     <script src="js/jquery-1.9.1.min.js"></script>
 9   </head>
10   <body>
11     <button id="btn">添加事件</button>
12     <div id="panel"></div>
13     <script>
14 
15       //jquery部分实现
16       $("#btn").click(function(){
17         var arr= [];
18         for(var i=0;i<10;i++){
19           arr.push("<p id='nep'>"+i+"</p>");
20         }
21         $("#panel").html(function(){
22           return arr.join("<br/>");
23         });
24       });
25       //为动态创建的html标签元素添加事件
26       $("#panel").on("click",function(){
27         var that=$(this);//获取当前点击的this对象
28         alert(that.text())
29         console.log(that.text());
30       });
31     </script>
32   </body>
33 </html>