如何給後添加的標籤添加事件

時間 2019-11-05

標籤如何添加標籤事件简体版

原文原文鏈接

如何給後添加的標籤添加事件

1、總結

一句話總結：

給新添加的元素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>

2、給動態添加的標籤添加事件的問題

轉自或參考：給動態添加的標籤添加事件的問題 - tangmin的博客 - CSDN博客
https://blog.csdn.net/tangminfx/article/details/82019340html

 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>