我有一个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>
有人能帮帮我吗?
答案 0 :(得分:2)
您需要html()而不是text()。函数文本不会返回标签,而是返回标签内的纯文本。
var tbodyString = $('#tbodyID').html();
我会在这里使用原生的javascript函数,比jquery更快。
var tbodyString = document.getElementById('tbodyID').innerHTML;
答案 1 :(得分:1)
只需更换您的功能代码,如下所示:
function getTbodyString() {
var tbodyString = $('#tbodyID').html();
alert("the body - "+tbodyString);
}