Question

我试图将我的第一个div上的输入值附加到另一个div以及它的css。这是我的HTML代码：

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

如果我使用clone，则复制该值，但文本框也是如此;如果我使用val，则复制该值，但不复制其样式。

但是val（）。clone（）似乎没有用。有帮助吗？谢谢！

Answer 1

以下内容对您有所帮助，但必须说这完全没必要。您只需提供类名称并通过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>

Answer 2

而不是将内联css应用于ID为“txt-initial”的int WEEKDAY_OF_FIRST_DAY_IN_FIRST_YEAR = 3; // 0 for monday, 1 for tuesday, etc. int LENGTH_OF_WEEK = 7; int DAYS_IN_YEAR = 365; // 31 + 32 + 31 + 32 + 31 + 30 + 30 + 30 + 29 + 29 + 30 + 30 int DAYS_OF_MONTHS[] = { 31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 30 }; public static int day(int M, int D, int Y) { int firstDayInCurrentYear = WEEKDAY_OF_FIRST_DAY_IN_FIRST_YEAR + (Y * DAYS_IN_YEAR) % LENGTH_OF_WEEK; int firstDayOfMonth = firstDayInCurrentYear; for (int month = 0; month < M; month++) { firstDayOfMonth = (firstDayOfMonth + DAYS_OF_MONTH[month]) % LENGTH_OF_WEEK; } return firstDayOfMonth; }元素，而不是css类。现在将此类附加到jquery函数中。

<input>

jQuery：克隆输入值及其样式

2 个答案: