Nhận loại phần tử với jQuery

Có thể, bằng cách sử dụng jQuery, để tìm ra loại phần tử với jQuery? Ví dụ, phần tử là div, span, select hay input?

Ví dụ: nếu tôi đang cố tải các giá trị vào danh sách thả xuống với jQuery, nhưng cùng một tập lệnh có thể tạo mã vào một tập hợp các nút radio, tôi có thể tạo một cái gì đó như:

$('.trigger').live('click', function () {
   var elementType = $(this).prev().attr(WHAT IS IT);
});

Đưa ra một danh sách thả xuống với một nút bên cạnh nó với lớp kích hoạt , elementTypebiến của tôi sẽ trở lại selectkhi nhấn nút.

Lấy phần tử gõ theo cách của jQuery:

var elementType = $(this).prev().prop('nodeName');

làm tương tự mà không cần jQuery

var elementType = this.previousSibling.nodeName;

Kiểm tra loại phần tử cụ thể:

var is_element_input = $(this).prev().is("input"); //true or false

bạn cũng có thể sử dụng:

$("#elementId").get(0).tagName

bạn nên sử dụng tagNametài sản và attr('type')cho đầu vào

Như Distdev đã ám chỉ, bạn vẫn cần phân biệt loại đầu vào. Điều đó có nghĩa là,

$(this).prev().prop('tagName');

sẽ cho bạn biết input, nhưng điều đó không phân biệt giữa hộp kiểm / văn bản / radio. Nếu đó là một đầu vào, thì bạn có thể sử dụng

$('#elementId').attr('type');

để cho bạn biết hộp kiểm / văn bản / radio, để bạn biết loại kiểm soát đó là gì.

bạn có thể sử dụng .is():

  $( "ul" ).click(function( event ) {
      var target = $( event.target );
      if ( target.is( "li" ) ) {
         target.css( "background-color", "red" );
      }
  });

xem nguồn

sử dụng get (0) .tagName. Xem liên kết này

Sử dụng Nodename trên tagName:

nodeName chứa tất cả các chức năng của tagName, cộng thêm một vài chức năng. Do đó, nodeName luôn là sự lựa chọn tốt hơn.

xem Lõi DOM