Javascript 将类应用于<；td>；

如何找到每个

元素中包含的

元素的类名，然后将该类添加到

元素的类列表中

<table>
    <tr>
        <td colspan="1">
            <p class="Hello_blue">Hello Stack Overflow1</p>
        </td>
        <td rowspan="1" colspan="2">
            <p class="Hello_red">Hello Stack Overflow2</p>
            <p class="Hello_red">defines red color,that class want to apply to</p>
        </td>
        <td rowspan="1" colspan="1">
            <p class="Hello_orange">Hello Stack Overflow3</p>
        </td>
    </tr>
</table>

你好堆栈溢出1

Hello堆栈溢出2

定义了该类要应用的红色
Hello堆栈溢出3

元素的类如下

<td rowspan="1" colspan="1" class="blue">...</td>
<td rowspan="1" colspan="1" class="red">...</td>
<td rowspan="1" colspan="1" class="orange">...</td>

。。。
...
...

选择属于

元素的子元素的所有

元素，然后遍历并将每个

元素的类分配给其父元素

（函数（）{
window.onload=函数（）{
“严格使用”；
var段落=document.queryselectoral（'td p'），段落，i；
对于（i=0；（段落=段落[i]）；i++）{
paragration.parentNode.className+=paragration.className.replace（'hello_uu'，''）；
}
}
})();

您可以在表中搜索

p

标记，然后找到最近的父级

td

，并指定类名

使用普通Javascript:

// convert "Hello_blue" to "blue"
function convertClassName(src) {
    return src.replace(/^.*?_/, "");
}

var pTags = document.querySelectorAll("table p");
for (var i = 0; i < pTags.length; i++) {
    pTags[i].parentNode.className += " " + convertClassName(pTags[i].className);
}

// convert "Hello_blue" to "blue"
function convertClassName(src) {
    return src.replace(/^.*?_/, "");
}

$("table p").each(function() {
    $(this).closest("td").addClass(convertClassName(this.className));
});

工作演示：

---

这些代码块中的任何一个都应该在加载DOM后运行。这意味着您要么将它们放在文档末尾的脚本标记中，要么从一个直到加载DOM后才调用的函数调用它们，要么从事件处理程序调用它们（如

onload

）这将等待DOM加载。

请重新格式化您的问题和代码，以避免使用大写。请您帮助我，如何重新格式化代码，我的意思是，您希望代码采用哪种格式。，，谢谢@humble.rumble格式化代码。是的，我希望td应该从添加类，与上面代码中提到的相同。Thx为您提供帮助，但我不能使用此代码，没有效果。你能给我完整的代码和它的步骤吗，这样我就可以简单地或直接地运行代码，并检查它…我直到现在才意识到，当你把“Hello_blue”类名分配给父类时，你想把它转换成“blue”。我已将该部分添加到代码中。