关于 JQuery 的克隆

最新推荐文章于 2024-10-08 13:51:35 发布

weixin_30888027

最新推荐文章于 2024-10-08 13:51:35 发布

阅读量62

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Music/archive/2011/05/16/about-jquery-clone.html

版权

当一个元素，比如:Div，如果它应用了下面的样式：
.hide{display:none;}
那么，当以它为模板克隆时，克隆出来的 div 将不会显示在页面中，即使你移除了 hide 样式，并且手动调用 jquery 的 show 方法也不会显示。
完整的例子是：

<style type="text/css">
.paymentSysTemplate
{
	display:none;
}
</style>

<tr class="paymentSysTemplate">
<td>
标题
</td>
</tr>

<div id="container"></div>

<script type="text/javascript">
function CloneElement()
{
var items = $(".paymentSysTemplate").clone(true).removeClass(".paymentSysTemplate").show();
$("#container").before(items);
}
</script>

应该这样：

<style type="text/css">
.paymentSysTemplate
{

}
</style>

<tr class="paymentSysTemplate" style="display:none;">
<td>
标题
</td>
</tr>

<div id="container"></div>

<script type="text/javascript">
function CloneElement()
{
var items = $(".paymentSysTemplate").clone(true).removeClass(".paymentSysTemplate").show();
$("#container").before(items);
}
</script>

谢谢浏览！

转载于:https://www.cnblogs.com/Music/archive/2011/05/16/about-jquery-clone.html