javascript - 三元运算符 JS 不起作用

Question

我尝试这样做:

$('#hire_button').html(data.code == 500 ?  "<span class='alert alert-danger>" : "<span class='alert alert-success>" + data.info + "</span>");

但它返回或success>或空行。我做错了什么？

Answer 1

？ : 三元运算符的优先级低于 + 连接运算符，因此您正在构建不匹配的标签。

但是，恕我直言，您应该重构代码以避免重复，并同时自动修复优先级问题:

$('#hire_button').empty().append($('<span>', text: data.info, class: 'alert'})
   .addClass(data.code == 500 ? 'alert-danger' : 'alert-success'));

注意:上面重写为原始错误地将新类添加到按钮而不是封闭的范围。