Question

我正在我的一个项目中整合搜索工具algolia。我有以下几行代码（为完整性添加了虚拟变量）：

＆＃13;

var nbHits = 1
var processingTimeMS = 200

$('#hits-stat').html('<div class="float-right p-3">Found <b>' +
            nbHits + '</b> results in <b>' + processingTimeMS + '</b>ms. ' +
            'Powered by Algolia</div>'
        );

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="row">
  <div class="col-sm-12" id="hits-stat">
  </div>
</div>

＆＃13;

我正在寻找的是一种简单的方法来定位＆＃34; 结果＆＃34;在上面的元素中，并使其复数，例如，let nbHits = 1我想要读取＆＃34;结果＆＃34;。是否有这样一种方法最多占用大约3/4行代码，这样我就不会在我的脚本中添加太多的kb＆＃39;我已经看到一些增加约20kbs的例子。

我确定我应该使用React / Vue，但我仍然可以使用JQuerying my life：＆＃39;（

Answer 1

$('#hits-stat').html('<div class="float-right p-3">Found <b>' +
    nbHits + `</b> result${nbHits==1 ? '' : 's'} in <b>` + processingTimeMS + '</b>ms. ' +
    'Powered by Algolia</div>'
);

Answer 2

您可以在.html（）中使用条件语句，如下所示：

＆＃13;

$('#hits-stat').html('<div class="float-right p-3">Found <b>' +
            nbHits + (nbHits > 1 ? '</b> results in <b>' : '</b> result in <b>')+ processingTimeMS + '</b>ms. ' +
            'Powered by Algolia</div>'
        );

＆＃13;

使用javascript定位多元化变量 -

2 个答案: