0

ここにフィドルがあります：http://jsfiddle.net/TQdrH/15/

現在、そのフィドルは基本的に .each() を実行するように設定されています - .each() の代わりに、重複を指定したいと思います。例を次に示します。

HTML

<div id="title">Book Title</div>
<div id="price">$20</div>
<div id="description">A book about something</div>


CSS

#title, #price, #description {display: none;}  // These would not be displayed on the page.

現在の目標は、ページのさまざまな領域に div をランダムに配置し、どの部分をどこに複製するかを指定することです。例えば：

HTML

<div id="duplicate-title"></div>

<div id="duplicate-price"></div>

<div id="duplicate-description"></div>

したがって、ページ内の上記の div を配置する場所に基づいて、元の div のデータは、元の div の名前が続く「重複」でマークされたデータに複製されます。

私はこれに問題があり、助けていただければ幸いです。ありがとう！

4

1 に答える 1

1

では、id が で始まるすべての div を取得してから、duplicate-元の div を複製します。

正しい場合は、これを試してください。

$('[id^="duplicate-"]').each(function () {
    var $this = $(this).empty();
    var id = $this.attr('id');
    var idToCopy = id.substring(10);
    var $newDiv = $this.replaceWith($('#' + idToCopy).clone().attr('id', id))
});
于 2013-01-17T03:38:17.457 に答える