Tên thẻ jQuery của phần tử

Question

Tôi đang cố gắng lấy tên thẻ phần tử trong jQuery.

Tôi có html sau:

<div class="section" id="New_Revision"> 

    <h1>New Revision&nbsp<img alt="Lock_closed" class="edit" data-id="1" src="/assets/lock_closed.svg" /></h1> 

    <p>This is a test paragraph.</p> 

    <ol class="references"> 
     <li>test</li> 
    </ol> 
</div> 

Và javascript:

$(".edit").click(function(){ 
    $(this).closest("div.section").children().each(function(){ 
     alert($(this).tagName + " - " + $(this).html()); 
    });  
}) 

Tôi đã thử $(this).tagName, $(this).nodeName và $(this).attr("tag") như đã nêu trong câu hỏi này: Can jQuery provide the tag name?

Nhưng tôi m luôn nhận được undefined đổi lại. Đầu ra html() chính xác. Tại sao tôi không thể lấy tên thẻ của từng phần tử?

Answer 1

Hãy thử

this.nodeName thay vì $(this).nodeName

this đề cập đến phần tử DOM chính nó và $(this) kết thúc tốt đẹp các phần tử trong một đối tượng jQuery.

EDIT

Nếu bạn đòi hỏi cách tiếp cận Jquery bạn có thể sử dụng

$(this).prop("tagName") 

Answer 2

Các bạn đã thử:

$(this).attr("id", "rnd" + this.nodeName.toLowerCase() + "_" + i.toString()); 

Như đã nêu trong câu hỏi liên quan. Cũng có một sự khác biệt lớn giữa $ (this) và này

Cố gắng này trong trình duyệt giao diện điều khiển và nó hoạt động:

document.getElementsByTagName("a")[0].tagName // this uses javascript 

này sử dụng jquery:

$('a').get(0).nodeName; // this works for jquery 

thử này:

$(".edit").click(function(){ 
    $(this).closest("div.section").children().each(function(){ 
     alert(this.tagName + " - " + $(this).html()); 
    });  
})