Javascript 如何向表中添加标题和范围

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

<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>

但是我不知道如何为第一个table.report添加标题和跨度

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

每周结果

我想您只是想在表格中添加一个标题？？ 然后用这个

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

$（“表格”）。预编（“每周结果”）；

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

在问题中的JS行之后添加以下内容：

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

$（'table.report'）.first（）.prepend（'Weekly Results'）；

对于屏幕阅读器（可访问性），由于chrome和firefox实现中存在缺陷，应该描述表的内容，这在这里很好，但还需要有一个表头行：。如果没有该行，屏幕阅读器将无法正确读取。他们应该，但不应该。您还应该添加（“1”，随便什么），这样用户就可以通过制表符浏览表格，只需阅读标题即可找到他们想要的表格。如果不需要表格标题，请在th标记上设置字体大小：0px和高度：0px。脚本的thx！！！

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

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