jquery或javascript在動態添加的元素上返回tagName

Question

嗨我想獲取動態添加的某些元素的tagName，但每次嘗試點擊時我都會得到undefined.I創建了一個模擬我的情況的簡單示例。是我的代碼：

<ul> 
     <li>sdsa</li> 
     <li>dsa</li> 

    </ul> 
    <button>Press</button> 

$(document).ready(function(){ 
      var i=0; 
      $("button").on("click" , function(){ 
       $("ul").append("<li>" + i++ + "</li>"); 
      }) 

      $("ul").on("click" ,"li" , function(){ 
       alert($(this).tagName); 
      }) 
     }) 

，我點擊李標籤，我得到我undefined.How可以解決這個問題，每一次？

Answer 1

更改此。，。

alert($(this).tagName); 

這個...

alert(this.tagName); 

---

tagName是一個DOM元素，而不是一個jQuery對象的屬性。

Answer 2

它需要的DOM元素，而不是jQuery對象，如標記名本地JavaScript，而不是jQuery的：

this.tagName