javascript - 复制值而不是粘贴

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

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

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

Answer 2

Answer 3

您使用了不正确的选择器。点 (.) 选择器用于类。您正在寻找一个 id，因此您需要使用哈希 (#) 选择器。另外，.text()不要使用.val(). 像这样：

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

Answer 4

使用 $("#result1")............

Answer 5

看起来像：更简单

$('#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());
});