如何解决jQuery-是否可以复制和粘贴HTML?
| jQuery-是否可以复制和粘贴HTML? 从一个例子开始,如果我有这行HTML:<div id=\"divToMove\">
... somethings like 100 lines of code ...
</div>
我想知道我能否接受这个div并复制并粘贴很多次...
我试图放置一个jQuery / JS函数,将javascript中的代码“添加”到HTML页面,但是似乎速度太慢了。也许复制和粘贴(如果可能)的速度更快...
有帮助吗?谢谢
解决方法
像这样吗
的HTML
<input type=\"button\" id=\"copy\" value=\" copy \"/>
<div id=\"content\">
<span>here\'s a span</span>
<div>and a div</div>
</div>
jQuery的
$(function() {
$(\'#copy\').click(function(){
var content = $(\'#content\').html();
var newdiv = $(\"<div>\");
newdiv.html(content);
$(\'#content\').after(newdiv);
});
});
实际上:
http://jsfiddle.net/Town/5q2CK/
,查看.clone(),您可以在单击目标div之后执行类似的操作:
$(\'#targetDiv\').click(function(){
var cloned = $(this).clone();
// now you could put at the end another div
// $(\'#myOtherDiv\').append(cloned);
// or put insert after another div
// $(cloned).insertAfter(\'#myOtherDiv\');
});
,您应该能够做类似的事情
var html = $( \'#divToMove\' ).html();
这将获取div的内容,并将其放入变量html中。然后,您可以转身
$( \'#paste\' ).append( html );
将\'copied \'html添加到该位置的末尾。还有一个prepend函数可将html添加到容器的开头
$( \'#paste\' ).prepend( html );
这是我知道的“复制并粘贴” html的唯一方法。需要注意的一件事是,.html()将获取选择器的内容,而不是选择器指向的元素。
,故意无法在浏览器中通过JavaScript复制和粘贴。这是一个安全限制
,对的,这是可能的!以下代码将HTML从div \“ x \”复制到div \“ y \”:
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01//EN\" \"http://www.w3.org/TR/html4/strict.dtd\">
<html>
<head>
</head>
<body>
<div id=\"x\">
This is a test
<span>this is another text</span>
</div>
<div id=\"y\">
</div>
<script type=\"text/javascript\">
var x = document.getElementById(\"x\"),y = document.getElementById(\"y\");
y.innerHTML = x.innerHTML;
</script>
</body>
</html>
,复制并粘贴单击按钮的jQuery代码
<button id=\"copybtn\">Copy</button>
<div id=\"toCopy\">Content To Be Copied</div>
<div id=\"toPaste\"></div>
<script src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js\"></script>
<script>
$(\"#copybtn\").click(function(){
$(\'#toPaste\').append($(\"#toCopy\").html());
});
</script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。