jQuery - 查找每個標題3標記，抓住每個標題並將其添加到標題3作爲一個類的元素

Question

在之前的問題中，我問了類似的問題，這得益於這樣一個偉大的社區。在那個問題中，我不得不在元素中找到某些單詞，並將它們作爲一個類分配給同一個標記。

在這個問題中，我想在.products類中找到每個'h3'標籤，取其中的所有單詞，並將它們分配給與該類相同的'h3'元素。

例如：

<h3>Hello World</h3> 

將成爲：

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

和另一個 '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」。

我只是無法弄清楚，一旦我找到了信息如何將單詞作爲類添加到相同的元素。

任何人都可以幫忙！提前致謝。

Answer 1

試試這個：

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

Answer 2

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