0

コンテンツを取得して、同じIDを持つ他のdiv内に配置したい複数の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);
});

ただし、これは機能していません。どんな助けでもいただければ幸いです。

4

1 に答える 1

2

IDは1回しか使えないので、それが問題だと思います。このフィドルを参照してください、それはあなたの問題を解決します。

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);
});​
于 2012-12-20T03:57:24.077 に答える