从另一个div中的一个div添加内容,不起作用

时间:2012-12-20 03:50:36

标签: html add

我有多个div,我想把它们的内容放在其他具有相同ID的div中。这是我的示例HTML

<!-- Div to get content from -->
<div id="sharedContent">
    <div id="testContent">
        <p>Here is some content</p>
    </div>

    <div id="testContent2">
        <p>Here is some second content</p>
    </div>
</div>

<!-- Divs to put content in -->
<div id="testContent" class="shared">
   test content
</div>​

<div id="testContent2" class="shared">
   test content2
</div>​

继承我的Jquery:

var contentID = ('#' + $(this).attr('id'));
var sharedContent = $('#sharedContent' + ' ' + contentID).html();

$('div.shared').each(function(){
    $(contentID).html(sharedContent);
});

然而,这不起作用。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:2)

ID只能使用一次,所以我认为这就是问题所在。看到这个fiddle,它解决了你的问题。

这是HTML:

<!-- Div to get content from -->
<div id="sharedContent">
    <div id="testContent">
        <p>Here is some content</p>
    </div>

    <div id="testContent2">
        <p>Here is some second content</p>
    </div>
</div>

<!-- Divs to put content in -->
<div data-id="testContent" class="shared">
</div>

<div data-id="testContent2" class="shared">
</div>​

这是JQuery代码:

$('div.shared').each(function() {
    var sharedContent = $('#'+$(this).attr('data-id')).html();
    $(this).html(sharedContent);
});​