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

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

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

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

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

273
element jquery

7 ответов

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

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

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

var elementType = this.previousSibling.nodeName;

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

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

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

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

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

27

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

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

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

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

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

13

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

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

посмотреть источник

5

используйте get (0).имя тега. ссылка

3

используйте Nodename над tagName:

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

посмотреть DOM Core

1