復制值而不是粘貼

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()更為明智。