JQuery：如何知道我們正在處理的表單對象的類型？

Question

我正在構建一個交互式表單並根據用戶的回答加載字段。現在我只有兩種物體「輸入收音機」和「textarea」。當我通過JQuery獲得答案的價值時，我怎麼能知道我在最後加載的字段集內處理了什麼對象？

這就是我想：

$.fn.getNodeName = function() { // returns the nodeName of the first matched element, or "" 
    return this[0] ? this[0].nodeName : ""; 
}; 

//var $something = $('input[type=radio]:checked:last'); 
var $something = $('fieldset:last').parent('nth-child(2)'); 

//$('#news ul li:first-child').addClass('active'); 

alert($something.getNodeName()); 

但它不工作... 感謝。

Answer 1

我已經擴展你的jQuery函數也返回type，當元素是一個input元素：

$.fn.getNodeName = function() { 
    var elem = this[0]; //Get the first element of the jQuery object 
    if(!elem) return ""; 
    var name = elem.nodeName.toLowerCase(); 
    return name == "input" ? "input[type=" + elem.type + "]" : name; 
}; 

可能的返回值的例子：
textarea，input[type=text]，input[type=button] ...

如果您更喜歡其他輸出格式，請調整該功能。指定類型的另一種方法是通過添加額外的屬性設置爲返回值，如：

$.fn.getNodeName = function() { 
    var elem = this[0]; //Get the first element of the jQuery object 
    if (!elem) return ""; 
    var name = elem.nodeName.toLowerCase(); 
    if (name == "input") { 
     name.type = elem.type; 
    } 
    return name; 
}; 

Answer 2

How to extend jQuery to make it easier to retrieve the tagName

和http://aleembawany.com/2009/02/11/tagname-vs-nodename/