jQuery函数中的‘'If'-'else’语句

Question

我用JavaScript和jQuery编写了以下代码：

     $("<li />")

     .html('Some HTML')

我希望能够使用if-else语句更改.html的内容。我的代码应该是这样的，但是它不工作。

var showinfo = <?php echo '$action'; ?>

$("<li />")

if (showinfo == 'action1'){
    .html('Some HTML')
else {
    .html('Other HTML')
}

我该怎么改呢？

Answer 1

三元运算符？

$("<li />").html((showinfo == 'action1') ? 'Somehtml' : 'Other html');

需要理解的重要一点是，您的第一段代码被解释为一条语句，而不是两条语句：

 $("<li />")
 .html('Somehtml')

 //Is the same as:
 $("<li />").html('Somehtml');

你搞混了，因为你没有使用分号来结束你的语句。JavaScript允许它支持遗留代码，但是如果您现在正在编写代码，那么您确实应该使用它们。

Answer 2

不要中断jquery链接：

var showinfo = '<?php echo $action; ?>'

if (showinfo == 'action1'){
    $("<li />").html('Somehtml')     
} else {
    $("<li />").html('Other html')
}

注意:我还更正了php echo语句中的错误和if...else中缺少的括号。

Answer 3

var listItem = $("#yourLi");

if (showinfo == 'action1'){
 listItem.html('Somehtml')     
else {
  listItem.html('Other html')
  }