javascript - 如何从 <tbody> 获取所有 <tr>-s 并将其转换为字符串？

Question

我有一个 HTML 表格:

<table id="persons" border="1">
    <thead id="theadID">
        <tr>
            <th>Name</th>
            <th>sex</th>
            <th>Message</th>
        </tr>
    </thead>
    <tbody id="tbodyID">
        <tr>
            <td>Viktor</td>
            <td>Male</td>
            <td>etc</td>
        </tr>
        <tr>
            <td>Melissa</td>
            <td>Female</td>
            <td>etc</td>
        </tr>
        <tr>
            <td>Joe</td>
            <td>Male</td>
            <td>etc</td>
        </tr>
    </tbody>
</table>
<input type="button" onclick="getTbodyString();" value="get it"/>

我想要一些 jquery/javascript，它可以通过 String 获取 tbody 的内部。喜欢:

function getTbodyString() {
    var tbodyString = $(.......).text(); //or val()?
    alert("the body - "+tbodyString);
}

警告窗口中的结果应该是这样的:

the body - <tr><td>Viktor</td><td>Male</td><td>etc</td></tr><tr><td>Melissa</td><td>Female</td><td>etc</td></tr><tr><td>Joe</td><td>Male</td><td>etc</td></tr>

谁能帮帮我？

Answer 1

您需要html()而不是文本()。函数文本不会返回标签，而是返回标签内的纯文本。

var tbodyString = $('#tbodyID').html(); 

我会在这里使用比 jquery 更快的原生 javascript 函数。

var tbodyString = document.getElementById('tbodyID').innerHTML;