javascript - 获取选择的元素类型

Question

我想获取我使用 jQuery 选择器选择的元素类型。

标记:

<select name="a"></select>
<input name="b" type="text" />
<textarea name="c"></textarea>

Javascript:

var field_names = new Array(
    'a',
    'b',
    'c'
);

for(var i = 0; i < field_names.length; i++) {
    var field = $('[name=' + required_fields[i] + ']:visible');

    // ?????
    // What do I write here to get one of those outputs:
    //    Element with name a is <select>
    //    Element with name b is <input>
    //    Element with name c is <textarea>

    alert('Element with name ' + required_fields[i] + ' is ' + element_type);
}

Answer 1

使用 DOM 元素的 tagName属性:

var element_type = field[0].tagName;

请注意，浏览器对 tagName 返回的大小写并不完全一致，因此您可能应该调用 toLowerCase为了安全起见:field[0].tagName.toLowerCase()。