jquery - JQUERY如何在元素内添加带有文本的类

Question

jquery可以添加内容为p的类吗？

<p>red</p>
<p>blue</p>
<p>green</p>

喜欢

<p class="red">red</p>
<p class="blue">blue</p>
<p class="green">green</p>

Answer 1

这很简单：

$("p").each(function() {
    $(this).addClass($(this).text());
});

Answer 2

你可以这样做：

$('p').each(function () {
    this.className = this.textContent; //get the text within the element and set it as class name
});

演示小提琴

在 Fiddle 中，检查 console.log 的输出。

注意： .innerHTML可以使用，但最好.textContent在只处理文本时使用。

Answer 3

尝试

$("p").addClass(function() {
    return $.trim($(this).text());
});