如何为表

Question

这是现有的HTML，是的，开发人员使用嵌套表，我无法更改现有的HTML，但我需要替换表类，然后只在主表中添加标题和范围。

<table class="two_column_layout" align="center">
<tbody>
    <tr>
        <td class="two_column_layout" valign="top">
            <table class="report" align="center" cellspacing="1"></table>
        </td>
        <td class="two_column_layout" valign="top">
            <table class="report" align="center" cellspacing="1"></table>
        </td>
    </tr>
    <tr>
        <td class="two_column_layout" valign="top">
            <table class="report" align="center" cellspacing="1"></table>
        </td>
        <td class="two_column_layout" valign="top">
            <table class="report" align="center" cellspacing="1"></table>
        </td>
    </tr>
</tbody>

我需要新的html看起来像这样

<table class="report" align="center">
<caption>
    <span>
        Weekly Results
    </span>
</caption>
<tbody>
    <tr>
        <td class="two_column_layout" valign="top">
            <table class="report" align="center" cellspacing="1"></table>
        </td>
        <td class="two_column_layout" valign="top">
            <table class="report" align="center" cellspacing="1"></table>
        </td>
    </tr>
    <tr>
        <td class="two_column_layout" valign="top">
            <table class="report" align="center" cellspacing="1"></table>
        </td>
        <td class="two_column_layout" valign="top">
            <table class="report" align="center" cellspacing="1"></table>
        </td>
    </tr>
</tbody>

所以我已经从＆＃34; two_column_layout＆＃34;更改了表类。到＆＃34;报告＆＃34;通过添加此

$('#body_options_22 table').removeClass('two_column_layout').addClass('report');

但我不知道如何为第一个表添加标题和范围.report

<caption>
    <span>
        Weekly Results
    </span>
</caption>

Answer 1

结果很简单。如果您需要澄清，请在评论中发帖。

在你的问题中添加你的JS之后：

$('table.report').first().prepend('<caption><span>Weekly Results</span></caption>');

Answer 2

我想你只想在表格中添加一个标题？ 然后使用它。

$("table").prepend("<caption><span>Weekly Results</span></caption>");