タグがクリックされた div を取得して複製し、別の div に挿入するにはどうすればよいですか。
親 div のような親 div を取得する方法を本当に知る必要があります。
<div class="seven columns offset-by-one">
<h1>
Joshua F. Schwartz
</h1>
<h2>
Position
</h2>
<p>
venenatis nisl ut lorem ultricies semper.
Duis vitae turpis nec tortor dignissim tempor.
Phasellus et elit et.
<a href="">Read More</a>
</p>
</div>
これが私のコードです。以下の皆さんのコメントに基づいています。これまでのところ、これまでの回答は素晴らしかったのですが、何らかの理由で機能しません。:(
//// リンクを選択 On click Run Function $("#leaderBottom a").on("click", function(event) { ///リンクの実行を防止する event.preventDefault();
///insert dark overlay
$('<div class="overlay"></div>').insertAfter('#leaderTop');
// show block
$('.popOut').css('display','block');
/// Grab the links div
var $newDiv = $(this).parent('.four').clone();
$newDiv.appendTo('.popOut');
return false;
});