复制值而不是粘贴

Question

以下也是我的代码的副本：

    <th scope="row" class="style1">test</th>
        <td id="result7" class="style1" style="width: 229px"></td>
        <td id="result8" class="style1" style="width: 229px"></td>
        <td id="result9" class="style1" style="width: 229px"></td>
    </tr>
  </tbody>
</table>

最后，JS是；

任何帮助，将不胜感激。

Answer 1

您需要匹配ID 而不是classes 。 另外，请使用.text而不是.val 。

尝试这个：

$(function test() {
    $('#Result #result1').html($('#Data #val1').html());
});

小提琴： http : //jsfiddle.net/G3tBT/79/

Answer 2

您使用的选择器不正确。 点（。）选择器用于类。 您正在寻找一个ID，因此您需要使用哈希（＃）选择器。 另外，请使用.text()而不是.val() 。 像这样：

$('#Result #result1').text($('#Data #val1').text());

Answer 3

使用$（“＃result1”）............

Answer 4

看起来像：更简单

$('#Result').find('#result1').text($('#Data').find('#val1').text());

注意ID必须是唯一的，因此请删除第一个参考

$('#result1').text($('#val1').text());

注意如果您有很多此类，我会使用类而不是ID。

一次执行一次：（注：如果嵌入了内容，请不要使用html文本）

$('#Result').find('td.style1').eq(0).html($('#Data').find('td.style1').eq(0).html());
$('#Result').find('td.style1').eq(1).html($('#Data').find('td.style1').eq(1).html());

全部完成：

$('#Data').find('td.style1').each(function(index){
    $('#Result').find('td.style1').eq(index).html($(this).html());
});

Answer 5

$("#Result #result1").html($("#Data #val1").html());

在这种情况下，使用.html()而不是.text()来处理源中潜在的HTML内容（例如HTML实体.html()更为明智。