如何在返回新div的JQuery函数中编写？

如何在返回新div的JQuery函数中编写？ （我得到像参数来运行一些对象，基于该对象和属性我需要在div中返回不同的颜色和文本。例如：如果我将FI涂成红色并写入“fire”，如果我得到WI涂成蓝色并写“ watter“）。 任何人都可以帮忙

Answer 1

function getADiv() { return $('
', { text: 'hello', color: 'red' }); } 

Answer 2

嗯那样的？

 function makeDiv(type){ var params; if(type == "F"){ params = {text: "fire", color: "red"}; } else if(type == "W"){ params = {text: "water", color: "blue"}; } else return null; return $("
") .text(params.text) .css("color", params.color); } 

Answer 3

我的看法：

 var newDiv = function(options){ var html = '
Element: ' + options.element + '
'; return $(html); }; var myNewDiv = newDiv({ color: 'R', element: 'fire' }); 

或者，更简单（不那么花哨）：

 var newDiv = function(letter){ var $d = $('
'); if(letter == 'F') $d.html('fire').css('color', 'red'); else if(letter == 'W') $d.html('water').css('color', 'blue'); return $d; }; var waterDiv = newDiv('W'); 

Answer 4

这应该这样做：

 function createDiv(type) { switch (type.toLowerCase()) { case 'f': return $('
').css({ color: 'red' }).text('Fire'); break; case 'w': return $('
').css({ color: 'blue' }).text('Water'); break; } } 

这里的实例 。