wordpress 将不同的类作为类添加到每个列表项名称

nqwrtyyt 于 2023-10-17 发布在 WordPress

关注(0)|答案(1)|浏览(140)

我想添加一个类的每个li项目一样Adding different classes to each list item
我使用了这里的代码Adding different classes to each list item

$(function () {

  $(".sd-list li").each(function(index) {
        $(this).attr("class", "color" + index);
  });

});

它是添加类一样color0，color1但我想添加一个类的属性名称一样<li>Brand</li>它是显示<li class"color-brand">Brand</li>
请让我知道我如何才能做到这一点，因为我不想添加0，1，2我想作为一个名称类

wordpress

来源：https://stackoverflow.com/questions/77139608/adding-different-classes-to-each-list-item-name-as-class

1条答案

按热度按时间

0h4hbjxa1#

你可以这样做的一个方法是这样的：

$("ul li").addClass(function() {
  return `color-${$(this).text().toLowerCase()}`
})

在这里，我们将li的文本与前缀color-结合起来，并将其添加到li的类中。

Demo

$("ul li").addClass(function() {
  return `color-${$(this).text().toLowerCase()}`
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li>Brand1</li>
  <li>Brand2</li>
  <li>Brand3</li>
</ul>

赞(0）回复(0）举报 2023-10-17

我来回答

wordpress 将不同的类作为类添加到每个列表项名称

1条答案

相关问题

热门标签

最新问答