Получить тип элемента с помощью jQuery

Можно ли с помощью jQuery узнать тип элемента с помощью jQuery? Например, является ли элемент div, span, select или input?

Например, если я пытаюсь загрузить значения в раскрывающийся список с помощью jQuery, но тот же сценарий может генерировать код в набор переключателей, могу ли я создать что-то вроде:

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

Учитывая выпадающий список с кнопкой рядом с ним с классом триггера , моя elementTypeпеременная должна возвращаться selectпри нажатии кнопки.

Получение типа элемента способом jQuery:

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

делать то же самое без JQuery

var elementType = this.previousSibling.nodeName;

Проверка для определенного типа элемента:

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

Также вы можете использовать:

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

Вы должны использовать tagNameсвойство и attr('type')для входов

Как намекал Distdev, вам все равно нужно различать тип ввода. То есть

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

скажу вам input, но это не делает различий между флажком / текстом / радио. Если это вход, вы можете использовать

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

чтобы сказать вам флажок / текст / радио, чтобы вы знали, что это за контроль.

Вы можете использовать .is():

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

увидеть источник

используйте get (0) .tagName. Смотрите эту ссылку

Использовать Nodename вместо tagName:

nodeName содержит все функции tagName, а также некоторые другие. Поэтому nodeName всегда лучший выбор.

см DOM Core