7

我有一个由两个不同按钮执行的 jQuery 函数。

$("#btnSearch, #btnDirectorSearch").click(function () {

此函数构建的部分 html 取决于点击了哪个按钮。我正在使用 data- 属性来存储我的变量，如下所示：

var div = $(this).data("str");

我正在构建的 html 字符串取决于变量“div”的值。有没有办法在 jQuery 中执行内联 if/else 语句？

if div = "choice1" {
    html += '<tr data-str = "str1" data-dataItem = "dataItem1" data-result-title = "' + name + '" data-result-id="' + sel + '">';

} else {
    html += '<tr data-str = "str2" data-dataItem = "dataItem2" data-result-title = "' + name + '" data-result-id="' + sel + '">';
}

这看起来很麻烦，我希望有更好的 jQuery 方法来做到这一点。

谢谢！

4

4 回答 4

28

你有一个语法错误

if div = "choice1"

应该

if (div == "choice1")

无论如何，您正在寻找的模式是：

div == "choice1" ? <code for true> : <code for false>
于 2013-03-28T13:40:32.030 回答
3

您可以使用condition ? code when true: code when false

但我建议你只坚持使用花括号，因为它看起来更好，更容易调试。还有一件事，如下所示

if(div==="choice1"){

}
else{
}

使用===

于 2013-03-28T13:42:08.550 回答
3

因为它只是输出中改变的数字，你可以这样做：

var num = div == "choice1" ? 1 : 2;
html += '<tr data-str="str'+num+'" data-dataItem="dataItem'+num+'" data-result-title="'+name+'" data-result-id="' + sel + '">';
于 2013-03-28T13:44:39.840 回答
0

如果您的选择有限，您可以添加一个小的查找数组：

var choices = {
    choice1: {
        str: "str1",
        data: "dataItem1"
    },
    choice2: { ... }
};

html += '<tr data-str="' + choices[div].str 
    + '" data-dataItem="' + choices[div].data
    + '" data-result-title="' + name + ... etc;
于 2013-03-28T13:48:09.723 回答