javascript - 使用 javascript 将自定义类添加到 Markdown 创建的所有表中

Question

我的站点设置:它是一个 ASP.NET-MVC 网络应用程序，我们在其中获取以 markdown 编写的文档并将它们转换为 HTML 以显示在页面上。这部分效果很好，但导致了一些意想不到的后果。

主要是，我最终得到一个 HTML 页面，其中包含没有自定义类或 ID 的表格，允许我添加自定义 CSS 而不会破坏网站其他部分的表格。所以，我想做的是为每个文档加载一些 javascript，为每个表提供一个自定义类，如“特殊表”或其他类。

<table class"special-table></table>

我发现了一些应该可以工作的 javascript 示例，但当我运行它时似乎什么也没有发生。这是一个 JSFiddle，大致显示了我正在查看的内容，这似乎也证明了我在一些非常奇怪的继承方面遇到的另一个问题(这似乎只发生在表中)。

https://jsfiddle.net/LdfL1b30/3/

所以，我真的只是想要一种方法来设置我的表格的样式，而不会强制我的用户在他们的 markdown 文档中编写任何 HTML，并且不会影响我站点其余部分中的其他表格。

Answer 1

我假设标记下调的 HTML 被发送到指定 DIV 中的页面(例如 <Div id="userHtml"> 或类似的东西。您希望将 special-table 类应用于用户 HTML 中的表格，但不应用于表格不是用户 HTML。这是正确的吗？

如果是这种情况，您可以选择DIV中的所有表并通过jquery添加类，代码类似于以下:

$("#userHtml").children("table").addClass("special-table");

或

$("#userHtml>table").addClass("special-table");