Как определить тип элемента ввода HTML для события, используя jQuery?

Question

Учитывая следующий пример кода:

$(document).ready(function(){
    $(":input").blur(function(){
        alert("The input type is:" );  //How would this look??????
    })
});

Как я могу определить, является ли это ввод, выбор, текст и т. Д.?

Это не реальный пример, но должно быть достаточно для целей этого вопроса

Answer 1

$(this).attr("type");

См. Документацию jQuery Селекторы / Атрибут для получения дополнительной информации.

Answer 2

Как я могу определить, является ли это ввод, выбор, текст и т. Д.?

Обратите внимание, что элементы select, textarea, "etc" не охватываются $('input'). Вы, вероятно, скорее хотите использовать $(':input'), чтобы получить их все.

$(document).ready(function(){
    $(':input').blur(function(){
        alert('The tag is:' + this.tagName);
        if (this.tagName == 'INPUT') {
           alert("The input type is:" + $(this).attr('type'));
        }
    })
});

Answer 3

$(this).attr("type");

например:

$(document).ready(function(){
    $("input").blur(function(){
        alert("The input type is:" + $(this).attr("type"));
    })
});

Answer 4

Почему бы не пройти и посмотреть, какой атрибут / свойство будет наиболее полезным?

$(document).ready(function(){
    $("input").blur(function(){
        for (var x in this)
            alert(x + ":" + this[x]);
    })
});

Answer 5

Это должно работать ...

$(document).ready(function(){
    $("input").blur(function(){
        var type = this.type;
        alert("The input type is:" + type);
    })
});