Question

您好我正在尝试获取动态添加的一些元素的tagName但每次单击时我都会得到undefined。我创建了一个模拟我的情境的简单示例。这是我的代码：

 <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);
           })
       })

每次点击li标签我都会得到undefined。我该怎样解决这个问题？

Answer 1

改变这个。，。

alert($(this).tagName);

到此......

alert(this.tagName);

tagName是DOM元素的属性，而不是jQuery对象。

Answer 2

它需要是DOM元素，而不是jQuery对象，因为tagName是本机javascript而不是jQuery：

this.tagName

jquery或javascript返回标签动态添加元素的名称

2 个答案: