html - 在另一个 div 中添加一个 div 的内容，不起作用

Question

我有多个 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);
});

但是，这是行不通的。任何帮助，将不胜感激。

Answer 1

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

这是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);
});​