Определить тип ввода - jQuery

Question

Мне нужно определить тип элемента, возможно, идентифицированный его имуществом id.

Например, в следующем виде ...

<form id='my-form'> 
    <input type='text' id='title' /> 
    <textarea id='comment'></textarea> 
</form> 

Я хотел бы иметь возможность определить, что $('#title') это текстовое поле.

После некоторых поисков я пробовал что-то вроде этого, но он возвращает undefined.

$('#title').type 

Но некоторые вещи, как это похоже на работу, я не знаю, почему ...

$('#my-form :input').each(function() { 
    alert(this.type); 
}); 

выше даст text и textarea я думаю. Но когда я использую первый, он дает неопределенные значения.

с учетом идентификатора элемента, как я могу найти его тип.

Благодарим заранее.

Answer 1

input нормальный тег, вы должны использовать:

$('#my-form input').each(function() { 
    alert(this.type); 
}); 

Это вернет неопределенное:

$('#title').type 

Поскольку $("#title") является объектом JQuery и type этого свойство элемента HTML. Вы можете получить HTML-элемент из объекта JQuery, как это:

$('#title').get(0).type 

Answer 2

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

if($('#title').is('input')){ 
    alert('title in an input element') 
} else if($('#title').is('textarea')){ 
    alert('title in an textarea) 
} 

Answer 3

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

ИЛИ

$('#title').prop('type'); 

Answer 4

Вы можете получить тип элемента, написав

$("#target").attr('type'); 

или использовать

$("#target").get(0).tagName // return tag name like INPUT,TEXTAREA ..etc