javascript - 如何从 a 中获取所有 -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()而不是 text()。函数文本不会返回标签，而是返回标签内的纯文本。

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

我会在这里使用本机 javascript 函数，它会比 jquery 更快。

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

Answer 2

只需替换您的功能代码如下：

function getTbodyString() {
    var tbodyString = $('#tbodyID').html(); 
    alert("the body - "+tbodyString);
}