javascript/jquery 从包含输入标签的 HTML 表中提取 Html 文本

Question

我有一个大问题。我想从包含输入标签、原始文本、链接标签等的 html 表中提取文本，并在新窗口中显示仅包含文本的干净 html 表。

示例输入

<TABLE id="test">
<TBODY>
<TR>
<TD>TEXT 1</TD>
<TD><a href="/questions">TEXT 2</a></TD>
<TD><input  type="text" value="TEXT 3" ></TD>
</TR>
</TBODY>
</TABLE>

神奇的事情(脚本)发生(解析)在这里(这个)

输出

<TABLE  id="test">
<TBODY>
<TR>
<TD>TEXT 1</TD>
<TD>TEXT 2</TD>
<TD>TEXT 3</TD>
</TR>
</TBODY>
</TABLE> 

我几乎搜索了所有地方，但无法让它工作。我需要这个功能来复制粘贴。

任何帮助。

Answer 1

要仅从某些内容中提取文本，请使用 .text()方法。要获取输入的值，请使用 .val()方法。

所以，我们需要循环每个 <TD>单元格，并且在每个单元格中，如果有输入，则取出值。我们将它们拼接在一起，然后使用.html()将其放回电池中。方法。

代码如下:

$(document).ready(function(){
    var tmp = '';
    $('table tbody tr td').each(function () {
        tmp = $(this).text();
        $(this).find('input').each(function () {
                tmp += $(this).val();
        });
        $(this).html(tmp);
    });
});

要了解有关 jQuery 方法的更多信息，请参阅 http://api.jquery.com/