JQuery có thể cung cấp tên thẻ không?

Tôi đã có một số thành phần trên trang HTML có cùng một lớp - nhưng chúng là các loại phần tử khác nhau. Tôi muốn tìm ra tên thẻ của thành phần khi tôi lặp qua chúng - nhưng .attr không lấy "tag" hoặc "tagname".

Ý tôi là đây. Hãy xem xét các yếu tố này trên một trang:

<h1 class="rnd">First</h1>
<h2 id="foo" class="rnd">Second</h2>
<h3 class="rnd">Third</h3>
<h4 id="bar" class="rnd">Fourth</h4>

Bây giờ tôi muốn chạy một cái gì đó như thế này để đảm bảo rằng tất cả các phần tử của tôi đều có id nếu chưa được xác định:

$(function() {
  $(".rnd").each(function(i) {
    var id = $(this).attr("id");
    if (id === undefined || id.length === 0) {
      // this is the line that's giving me problems.
      // .attr("tag") returns undefined
      $(this).attr("id", "rnd" + $(this).attr("tag") + "_" + i.toString());
    }
  });
});

Kết quả tôi muốn là các nguyên tố H2 và H4 sau đó sẽ có id

rndh2_1
rndh4_3

tương ứng.

Có ý tưởng nào về cách tôi có thể khám phá tên thẻ của thành phần được biểu thị bằng "this" không?

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

nên là

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

Bạn có thể thử điều này:

if($(this).is('h1')){
  doStuff();
}

Xem các tài liệu để biết thêm về là ().

Vì tôi đã gặp câu hỏi này một lần trước đây và nó không giúp tôi trong trường hợp của tôi (tôi không có this, nhưng thay vào đó có một ví dụ về bộ chọn jQuery). Gọi get()sẽ giúp bạn có được phần tử HTML, qua đó bạn có thể nhận được nodeNamenhư đã đề cập ở trên.

this.nodeName; // In a event handler, 'this' is usually the element the event is called on

hoặc là

$('.hello:first-child').get(0).nodeName; // Use 'get' or simply access the jQuery Object like an array
$('.hello:first-child')[0].nodeName;     // will get you the original DOM element object

Bạn cũng có thể sử dụng $(this).prop('tagName');nếu bạn đang sử dụng jQuery 1.6 trở lên.

Đúng. Bạn có thể sử dụng mã dưới đây:

this.tagName

Tôi nghĩ rằng bạn không thể sử dụng nodeNametrong jQuery vì nodeName là một thuộc tính DOM và bản thân jQuery không có nodeNamechức năng hoặc thuộc tính. Nhưng dựa trên người trả lời lần đầu tiên đề cập đến nodeNamecông cụ này, đây là cách tôi có thể giải quyết vấn đề:

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

LƯU Ý: thisđây là một đối tượng jQuery.

Vì đây là câu hỏi bạn xuất hiện trên google bằng cách sử dụng thẻ tên jquery con đầu tiên làm truy vấn nên tôi sẽ đăng một ví dụ khác:

<div><p>Some text, whatever</p></div>

$('div').children(':first-child').get(0).tagName); // ...and not $('div:first-child')[...]

Kết quả jquery là một tagname (chữ hoa): P

Bạn có thể lấy tên thẻ phần tử html trên toàn bộ trang.

Bạn đã có thể sử dụng:

        $('body').contents().on("click",function () {
          var string = this.tagName;
          alert(string);
         });

you can try:
jQuery(this).get(0).tagName;
or
jQuery(this).get(0).nodeName;

lưu ý: thay thế cái này bằng bộ chọn của bạn (h1, h3 hoặc ...)

Tôi chỉ viết nó cho một vấn đề khác và nghĩ rằng nó cũng có thể giúp một trong hai bạn.

Sử dụng:

• I E onclick="_DOM_Trackr(this);"

Thông số:

1. Đối tượng DOM để theo dõi
2. công tắc trở lại / cảnh báo (tùy chọn, mặc định = cảnh báo)

Mã nguồn:

function _DOM_Trackr(_elem,retn=false)
{
    var pathTrackr='';
    var $self=$(_elem).get(0);
    while($self && $self.tagName)
    {
        var $id=($($self).attr("id"))?('#'+$($self).attr("id")):'';
        var $nName=$self.tagName;
        pathTrackr=($nName.toLowerCase())+$id+((pathTrackr=='')?'':' > '+(pathTrackr));
        $self=$($self).parent().get(0);
    }
    if (retn)
    {
        return pathTrackr;
    }
    else
    {
        alert(pathTrackr);
    }
}

Cách tốt nhất để khắc phục vấn đề của bạn, là để thay thế $(this).attr("tag")với một trong hai this.nodeName.toLowerCase()hoặc this.tagName.toLowerCase().

Cả hai đều tạo ra kết quả chính xác như nhau!

Hãy xem xét phương pháp LỌC nhanh :

$('.rnd').filter('h2,h4')

trả về:

[<h2 id=​"foo" class=​"rnd">​Second​</h2>​, <h4 id=​"bar" class=​"rnd">​Fourth​</h4>​]

vì thế:

$('.rnd').filter('h2,h4').each(function() { /*...$(this)...*/ });

Thay vào đó chỉ đơn giản là làm:

$(function() {
  $(".rnd").each(function(i) {
    var id = $(this).attr("id");
    if (id === undefined || id.length === 0) {
      // this is the line that's giving me problems.
      // .attr("tag") returns undefined
      // change the below line...
      $(this).attr("id", "rnd" + this.tagName.toLowerCase() + "_" + i.toString()); 
  });
});