選択した要素タイプを取得する

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

単純：一言で言えば

var element_type = '<' + field.get(0).tagName.toLowerCase() + '>'; 

が、これはfieldに関連付けられたDOM要素を取得し、DOMElementから継承tagName属性を介して、そのタグ名を取得し、次にStringのtoLowerCase()方法を使用して小文字に結果を変換します。一部のブラウザではtagNameが大文字で返されるため、一貫性のために小文字に変換する必要があります。

Answer 2

DOM要素のtagNameプロパティを使用します、ブラウザはtagNameによって返された場合について、完全に一致していないことを

var element_type = field[0].tagName; 

注意をおそらくに電話する必要があります安全のためには：field[0].tagName.toLowerCase()。