jquery - jQuery - 查找每个标题 3 标记，抓取其中的每个单词并将其作为一个类添加到标题 3 元素

Question

在上一个问题中，我问了类似的问题，多亏了这样一个伟大的社区，这个问题得到了解决。在那个问题中，我必须在一个元素中找到某些单词并将它们作为一个类分配给同一个标签。

在这个问题中，我想找到 .products 类中的每个“h3”标签，获取其中的所有单词并将它们分配给与该类相同的“h3”元素。

例如：

<h3>Hello World</h3> 

会成为：

<h3 class="Hello World">Hello World</h3> 

同一页面上另一个 .product 类中的另一个“h3”标签将变为：

<h3>Sup!</h3> 
<h3 class="Sup!">Sup!</h3>

我使用以下方法轻松定位了 h3 标签：

jQuery(".product h3").text();

甚至使用过：

jQuery("product h3").find();
jQuery(".product").find("h3").addClass("lol");

但是当我希望它在元素本身中获取单词并使用它时，当然会在页面上的每个“h3”中添加“lol”。

一旦我找到了如何将单词作为类添加到同一元素的信息，我就无法弄清楚。

谁能帮忙！提前致谢。

Answer 1

试试这个：

jQuery('.product h3').addClass(function(){
    return this.innerHTML;
})

Answer 2

$('h3.product').addClass(function(){
  return $(this).text();
});