使用jQuery从另一个元素（表格）替换HTML元素中的文本

Question

我希望能够用一个来自于另一个元素的文本替换HTML中特定的文本，这个元素在本例中是表格数据。()

下面是我的表格：

<table id="hftable">
        <tr>
            <td id="hfpn1">V.Sehwag</td>
            <td id="hfp1">DNB</td>
            <td id="hfp1b">.-.-..-.</td>
        </tr>
        <tr>
            <td id="hfpn2">G.Gambhir</td>
            <td id="hfp2">DNB</td>
            <td id="hfp2b">.-.-..-.</td>
        </tr>
        <tr>
            <td id="hfpn3">A.Arora</td>
            <td id="hfp3">DNB</td>
            <td id="hfp3b">.-.-..-.</td>
        </tr>
    </table>

batsman1是需要替换的元素的id，更具体地说，表格如下：

 <table id="current">
        <tr>
            <td id="batsman1">Batsman 1</td>
            <td id="currentbat1"></td>
         </tr>
        <tr>
            <td id="batsman2">Batsman 2</td>
            <td id="currentbat2"></td>
        </tr>
        <tr>
            <td>Bowler</td>
            <td></td>
        </tr>
    </table>

当有人在页面上点击特定按钮时，我想用id="hftable"的表格中的V.Sehwag替换id="current"的表格中的Batsman 1。

我已经尝试过：

 $("#batsman1").text($("#hfpn1").val());

这个不起作用。除了在“Batsman 1”位置显示“V.Sehwag”外，它还向我显示一个空白区域。

有什么想法是我的问题在哪里？正确且简单的方法是什么？ 谢谢。

- Akshay Arora

Answer 1

TD 元素没有值，它只有文本。请按照以下方式修改您的代码：

 $("#batsman1").text($("#hfpn1").text());

这里是 jsFiddle

- Ohgodwhy

Answer 2

尝试在这种情况下使用 .text()，你正在调用非输入元素上的.val()函数，显然它不起作用。请记住，.val() 仅适用于用户可以通过 UI 输入内容的输入元素。

$("#batsman1").text($("#hfpn1").text());

- Rajaprabhu Aravindasamy

Answer 3

请使用以下代码，希望它能帮助您解决问题。

$("#batsman1").html($("#hfpn1").text());

- harry_beginner