如何写入返回新div的JQuery函数？

如何写入返回新div的JQuery函数？（我得到一个类似于函数的参数来处理某个对象，基于该对象和属性，我需要在div中返回不同的颜色和文本。例如：如果我得到F，我画红色并写“fire”，如果我得到W，我画蓝色并写“watter”）。有人能帮忙吗

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 $("<div>")
        .text(params.text)
        .css("color", params.color);
}

函数makeDiv（类型）{
var参数；
如果（类型=“F”）{
params={text:“fire”，color:“red”}；
}
else if（类型==“W”）{
params={文本：“水”，颜色：“蓝色”}；
}
否则返回null；
返回$（“”）
.text（参数文本）
.css（“颜色”，参数颜色）；
}

Hmmm类似的东西

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 $("<div>")
        .text(params.text)
        .css("color", params.color);
}

函数makeDiv（类型）{
var参数；
如果（类型=“F”）{
params={text:“fire”，color:“red”}；
}
else if（类型==“W”）{
params={文本：“水”，颜色：“蓝色”}；
}
否则返回null；
返回$（“”）
.text（参数文本）
.css（“颜色”，参数颜色）；
}

我的目标：

var newDiv = function(options){
    var html = '<div class="';

    if(options.color == 'R')
        html += 'rubyred';

    html += '">Element: ' + options.element + '</div>';
    return $(html);
};

var myNewDiv = newDiv({ color: 'R', element: 'fire' });

var newDiv=函数（选项）{
var html='Element:'+options.Element+'；
返回$（html）；
};
var myNewDiv=newDiv（{color:'R'，element:'fire'}）；

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

var newDiv=函数（字母）{
变量$d=$（''）；
如果（字母='F'）
$d.html（'fire'）.css（'color'，'red'）；
else if（字母=='W'）
$d.html（'water'）.css（'color'，'blue'）；
返回$d；
};
var waterDiv=newDiv（'W'）；

我的目标：

var newDiv = function(options){
    var html = '<div class="';

    if(options.color == 'R')
        html += 'rubyred';

    html += '">Element: ' + options.element + '</div>';
    return $(html);
};

var myNewDiv = newDiv({ color: 'R', element: 'fire' });

var newDiv=函数（选项）{
var html='Element:'+options.Element+'；
返回$（html）；
};
var myNewDiv=newDiv（{color:'R'，element:'fire'}）；

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

var newDiv=函数（字母）{
变量$d=$（''）；
如果（字母='F'）
$d.html（'fire'）.css（'color'，'red'）；
else if（字母=='W'）
$d.html（'water'）.css（'color'，'blue'）；
返回$d；
};
var waterDiv=newDiv（'W'）；

函数getADiv（）{
返回$（''）{
文字：“你好”，
颜色：“红色”
});
}

函数getADiv（）{
返回$（''）{
文字：“你好”，
颜色：“红色”
});
}

这应该可以做到：

function createDiv(type) {
    switch (type.toLowerCase()) {
        case 'f':
            return $('<div>').css({ color: 'red' }).text('Fire');
            break;

        case 'w':
            return $('<div>').css({ color: 'blue' }).text('Water');
            break;
    }
}

函数createDiv（类型）{
开关（type.toLowerCase（））{
案例“f”：
返回$（''）.css（{color:'red'}）.text（'Fire'）；
打破
案例“w”：
返回$（''）.css（{color:'blue'}）.text（'Water'）；
打破
}
}

这应该可以做到：

function createDiv(type) {
    switch (type.toLowerCase()) {
        case 'f':
            return $('<div>').css({ color: 'red' }).text('Fire');
            break;

        case 'w':
            return $('<div>').css({ color: 'blue' }).text('Water');
            break;
    }
}

函数createDiv（类型）{
开关（type.toLowerCase（））{
案例“f”：
返回$（''）.css（{color:'red'}）.text（'Fire'）；
打破
案例“w”：
返回$（''）.css（{color:'blue'}）.text（'Water'）；
打破
}
}

---

哦，真有趣！这个语法是在哪个版本的jQuery？@subtenate中创建的，从黑暗时代开始，它就是函数。哦，有趣！这个语法是在哪个版本的jQuery？@subtenate中创建的，自黑暗时代以来，它就是函数。