在文本变量中添加javascript条件

我的代码运行良好，但我想简化：

<script type="text/javascript">

   function RenderPager(items) {

      for (var i = 0; i < items.length; i++) {

         var li = "<li";

         if(i == 0){
            li += " class='first'";
         }

         li +=">" + i + "</li>";

         // do something else
      }
   }
</script>

函数RenderPage（项）{
对于（变量i=0；i”；
//做点别的
}
}

我希望有这样的条件：

   for (var i = 0; i < items.length; i++) {

       var li = "<li" + if(i == 0){ li += " class='first'" }; + ">" + i + "</li>";

       // do something else
   }

for（变量i=0；i”；
//做点别的
}

但这不起作用，我尝试了一切，但我不知道如何在文本变量中组合javascript条件。是否可能？

您可以使用（

？…：

），也称为三元运算符：

var li = "<li" + (i == 0 ? " class='first'" : "") + ">" + i + "</li>";

---

或者，这个较短的版本也可以使用

（！i&&'class=“first”| |“”）

。完美！回答得很好，谢谢。

li:first-child {
    /* applies only to the first <li> element in a list */
}