如何在jquery中显示一个图标答案

【问题标题】：How to show a icon in jquery如何在jquery中显示一个图标
【发布时间】：2022-12-22 23:05:48
【问题描述】：

<span data-status="active" class="running-control"> 
  <i class="bi bi-pause-circle-fill ms-2" onclick="PauseFun(\''+list.id+'\',\''+list.stat+'\')"> </i> 
</span>

$(".individual-alert-value-"+token).each(function(item){
  $(item).html('LTP &#x20B9; '+ltp);
});

我最初添加了这个按钮，但是当 ltp 改变时它被隐藏了。我将如何在 jquery 函数中插入上面的图标，其中 ltp 值每秒都在变化。我尝试了很多 jquery 方法，但没有任何效果。

【问题讨论】：

你能展示一个完整的代码示例吗，比如 .individual-alert-value-N 元素在你的代码中的位置，它们是如何显示/隐藏的，以及每秒运行的函数。我问，因为您可能有更好的方法来实现您的目标，但我们需要了解您的工作环境以提供帮助。

标签： javascript jquery

【解决方案1】：

要将图标插入到 LTP 值正在更改的 jQuery 函数中，您可以使用 html() 函数来更新具有类“individual-alert-value-”+token 的元素的 HTML 内容。

以下是如何更新元素的 HTML 内容以包含图标的示例：

$(".individual-alert-value-"+token).each(function(item){
  $(item).html('LTP &#x20B9; '+ltp+' <span data-status="active" class="running-control"><i class="bi bi-pause-circle-fill ms-2" onclick="PauseFun(''+list.id+'',''+list.stat+'')"></i></span>');
});

这将更新元素的 HTML 内容以包含图标并将 onclick 事件绑定到图标。单击该图标时，它将调用具有指定参数的 PauseFun() 函数。

【讨论】：