jQuery 追加函数中的 Javascript if 语句

Javascript if statement inside jQuery append function

本文关键字:Javascript if 语句 追加 函数 jQuery      更新时间:2023-09-26

快速菜鸟问题。你能把 if 语句放在jQuery附加函数里面吗?

我有这个代码

$('table#dataTable tbody').append('<tr>
<td class="success">'+json.forms[i].name+'</td><td>'+json.forms[i].category+'</td>
</tr>');

我想在第二个<td></td>添加一个 if 语句,例如 if(something === x){ do it)else{don't do it};,然后继续追加。

只需在

追加外部进行连接

var html = '<tr><td class="success">'+json.forms[i].name+'</td>'
if (something == x)
{
   html += '<td>'+json.forms[i].category+'</td>';
}
html += '</tr>';
$('#dataTable tbody').append(html);

或者按照@ArunPJohny所说的使用三元运算符

var html = '<tr><td class="success">'+json.forms[i].name+'</td>'
html += something == x ? '<td>'+json.forms[i].category+'</td>' : '';
html += '</tr>';
$('#dataTable tbody').append(html);

单行

var html = '<tr><td class="success">'+json.forms[i].name+'</td>' + (something == x ? '<td>'+json.forms[i].category+'</td>' : '') + '</tr>';
$('#dataTable tbody').append(html);