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>

魔术(脚本)发生(解析)在这里(这)

OUTPUT

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