Отримати тип елемента за допомогою 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')для входів

Як наголошував Дістдев, вам все одно потрібно диференціювати тип введення. Тобто,

$(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. Дивіться це посилання

Використовувати ім'я Node над tagName:

nodeName містить усі функції tagName, а також ще кілька. Тому nodeName - це завжди кращий вибір.

див. основу DOM