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.className = this.textContent; //get the text within the element and set it as class name
});

Demo Fiddle

在Fiddle中，检查console.log以获取输出。

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

Answer 2

这很简单：

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

Answer 3

尝试

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