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>

我想用V.Sehwag替换Batsman 1（在表中带有id =＆＃34; current＆＃34;）（在表中id =＆＃34; hftable＆＃34;）（当有人点击时）页面上的特定按钮）

我试过了：

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

这不起作用。除了展示＆＃34; V.Sehwag＆＃34;代替＆＃34; Batsman 1＆＃34;，它向我展示了一个空白区域。

我错的任何想法？这样做的正确和简单方法是什么？谢谢。

Answer 1

TD元素没有值，它有文本。修改您的代码如下：

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

Here's the jsFiddle

Answer 2

尝试在此上下文中使用.text()，您正在对非输入元素调用.val()函数，显然它不起作用。并且请记住，.val()仅适用于用户可以通过UI输入内容的输入元素。

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

Answer 3

使用以下内容，我希望这可以帮助您解决问题。

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

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

3 个答案: