将div内容复制到另一个div

时间:2012-09-02 08:34:38

标签: jquery

我是jQuery的新手。我想将div内容复制到另一个div而不指定它们的id或类名,即,onclick of div将内容复制到变量然后单击其他div,变量内容应该复制到该div。

我想通过使用jquery来实现这一点。

编辑:
我试过这段代码:

<div>content</div>
<div>paste the above content here</div>​

div{
   width:100px;
   height:100px;
   border:1px solid black;
   cursor:pointer;
}​

但我不知道在jquery的部分实现什么。

请协助
提前致谢

3 个答案:

答案 0 :(得分:3)

var buffer = '';

//onclick of a div
$('div').click(function(){
    if(buffer == ''){
        // the content will be copied to a variable
        buffer = $(this).text();
    } else {
        // click on other div the variable content should be copied to that div
        $(this).text(buffer);
    }
});​

Demo

UPD :您可能希望将text()替换为html()以复制div的全部内容,而不仅仅是文字。

答案 1 :(得分:1)

您必须为任何元素(在您的案例div中)提供id或类名,以使用jQuery选择该特定元素。否则jQuery将如何识别您想要插入数据的元素(在您的案例div中)。 如果它们只是你页面中的两个div,你可以使用页面内部div的顺序访问它们,即使它们没有类名或id。

答案 2 :(得分:1)

虽然你的帖子不太清楚,但你的comment猜是这样的:

var _content;

$('tr:odd td:odd').on('click', function() {
   _content = $(this).html();
});

$('tr:even td:even').on('click', function() {
   $(this).html( _content );
});