如何在DOM元素上構建這種明智的函數類型？

Question

我有一個問題：

我有3-4類型的元素，如標籤，文本框，...和這個元素有10-12功能。現在如何在DOM元素上構建這種明智的函數類型？

然後我使用這種類型的代碼：

$('ElementID') . functionName(); 

然後自動調用函數類型明智的。

看到詳情：

步驟：

1。製作Dom元素，然後通過類型明智地在此DOM元素上構建我的函數。

2。然後我訪問這個DOM元素像$（'＃DOM Element ID'），然後我打電話給我的方法。

ex： if DOM元素類型標籤然後構建標籤所有（10-12函數）函數。 if DOM元素類型文本框然後構建到文本框全部（10-12函數）函數。

3.然後使用任何js文件。

（注：你不明白我的問題，然後再次問...）

代碼：

var Label1 = { 

     GetHtml: function(id) { 

      return $('<div id="'+id+'" class="drag LABLE" type="Label1"></div>'); 

     }, 

     _SetFont_family : function(CSS) { 
      console.log(CSS); 
     }, 
}; 

VAR Label2的= {

 GetHtml: function(id) { 

      return $('<div id="'+id+'" class="drag LABLE" type="Label2"></div>'); 

     }, 

     _SetFont_family : function(CSS) { 
      console.log(CSS); 
     }, 
}; 
var ElementObject = { 
     LABLE1 : LABLE1 , 
LABLE2:LABLE2 
}; 

電話：

ElementObject[currentDOM.attr('type')]._SetFont_family(CSS); 

然後我選擇了el ement類型是Label2，然後調用Label2函數，Label1然後調用Label1的函數。

so 給出更好的想法這種類型的流在jquery或JavaScript中。

謝謝

Answer 1

訪問元素後，檢查它的類型。

例如：

1. 訪問：

   var $node = $('#element');

2. 獲取節點名稱：

   var node_name = $node.get(0).nodeName; 
   // or 
   var node_name = $node[0].nodeName; // output: LABEL, INPUT etc 
   

3. 如果節點名稱是INPUT那麼你可以通過檢查類型：

   var node_type = $node[0].type; 
   

---

一個例子代碼：

var $node = $('#input'); 
var node_name = $node[0].nodeName; 
var node_type = null; 
alert(node_name); 

if(node_name == 'INPUT') { 
    node_type = $node[0].type; 
    alert(node_type); 
} 

Here is a demo