Как получить тип элемента. JavaScript/jQuery

Question

Право, идиот момент подходит. Я сделал поиск, но не могу найти правильное решение.

У меня есть селектор jQuery, который выбирает класс, возможно, ID, на самом деле это может быть что угодно, этот селектор вводится в функцию, которую я программирую.

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

<div class="target"></div> 

вернуть бы DIV и

<input class="target" /> 

вернуть бы вход, просто не так ли?

Ну, вы бы так подумали, но я не могу найти решение.

Любая помощь будет принята с благодарностью :-)

Answer 1

Вы должны получить лежащий в основе DOM элемента и доступа к tagName собственности. Например,

alert($("#target").get(0).tagName); 
// -> DIV 

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

if ($("#target").get(0).tagName == "div") { alert("DIV!"); } 

Answer 2

попробовать:

$("yourelement").is("input") 

или:

if ($(this).is('input:checkbox')) 

и т.д .... где это уместно

Answer 3

$.fn.tagName = function() { 
    return this.get(0).tagName; 
} 
alert($('#testElement').tagName()); 

Чтобы объяснить немного больше о том, почему ваш оригинальный пример не работает, каждый() метод всегда возвращает исходный объект JQuery (если JQuery не сам объект был модифицированный). Для того, чтобы увидеть, что происходит в каждом с вашим кодом, вот некоторые псевдокоды, который показывает, как работает каждый метод():

Это не то, как каждый() на самом деле получает реализовано (длинный выстрел, вероятно), но это означает, что возвращаемое значение функции action() игнорируется.