jQuery：克隆輸入值及其風格

我試圖將我的第一個div上的輸入值附加到另一個div以及其CSS上。這裏是我的HTML代碼：jQuery：克隆輸入值及其風格

<div id="d1"> 
<input type="text" id="txt-initial" style="font-family: Verdana; font-size: 48px"/> 
<input type="button" id="btn-clonetext" Value="clonetext"> 
</div> 

<div id="d2" style="border:solid 1px; height: 400px; width: 400px; margin: 10px;"> 
</div>

這裏是我的JS代碼：

$('#btn-clonetext').click(function(){ 
$('#d2').append($('#txt-initial').val()); 
})

如果我使用克隆，該值將被複制但這樣做的文本框;如果我使用val，則該值被複制，但不是其樣式。

但val（）。clone（）似乎沒有工作。有什麼幫助嗎？謝謝！

來源

2015-08-23 Miko

爲什麼不把樣式屬性放在類中，然後應用類來輸入。那麼你可以使用這個類並將其應用於div，同時複製該值。 – Newinjava

嗯，你有一個點。但如果CSS在jQuery中呢？無論如何，我會嘗試。謝謝！ – Miko

以下可以幫助你，但必須說這是完全沒有必要的。您可以簡單地提供一個類名稱並通過CSS添加樣式。

$('#btn-clonetext').click(function() { 
 
    var $a = $('<div/>').text($('#txt-initial').val()).attr('style',$('#txt-initial').attr('style')) 
 
    $('#d2').append($a); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<div id="d1"> 
 
    <input type="text" id="txt-initial" style="font-family: Verdana; font-size: 48px" /> 
 
    <input type="button" id="btn-clonetext" Value="clonetext"> 
 
</div> 
 

 
<div id="d2" style="border:solid 1px; height: 400px; width: 400px; margin: 10px;"> 
 
</div>

來源

2015-08-23 06:48:06 RRK

完美！像魔術一樣工作。：）謝謝！ – Miko

代替將內聯CSS你<input>有elemment ID 「TXT的初始」的使CSS類。現在將這個類添加到你的jquery函數中。

<style> 
    .txtInitialCss{ 
    font-family: Verdana; 
    font-size: 48px 
    } 
</style> 


<div id="d1"> 
<input type="text" id="txt-initial" class='txtInitialCss'/> 
<input type="button" id="btn-clonetext" Value="clonetext"> 
</div> 

<div id="d2" style="border:solid 1px; height: 400px; width: 400px; margin: 10px;"> 
</div> 

$('#btn-clonetext').click(function(){ 
$('#d2').append($('#txt-initial').val()).addClass("txtInitialCss"); 
})

來源

2015-08-23 07:11:00

jQuery：克隆輸入值及其風格

回答

相關問題