0

おはようございます、私はdivとimgsに問題があります..

たとえば、私は div (この場合は #content_project) に数 X の imgs を作成しましたが、今は (数の imgs から) 数 X の div (この場合は #content) を作成し、追加します以前に呼び出された img を 1 つずつ (それぞれ) 作成し、作成されたすべての (#content) を #contenitore_project に追加し、最後に div #content_project から古い img を削除します。

したがって、これは前のコードです:

<div id="content_project">
    <a><img src="#" /></a>
    <a><img src="#" /></a>
    <a><img src="#" /></a>
</div>

<div id="contenitore_project">
</div>

jqueryでこれを実現したい：

<div id="content_project">
</div>

<div id="contenitore_project">
    <div id="content"><img src="#" /></div>
    <div id="content"><img src="#" /></div>
    <div id="content"><img src="#" /></div>
</div>

あなたが理解したことを願っています。

フランク

4

1 に答える 1

1

ここにワンライナーがあります：

$('#content_project img').unwrap().wrap('<div class="content">').parent().appendTo('#contenitore_project');
  • $('#content_project img')イメージタグを選択します。
  • .unwrap()<a>親タグを取り除きます。
  • .wrap()それぞれを独自の<div class="content">要素でラップします。
  • .parent()タグ<div>ではなくを選択します。<img>
  • .appendTo('#contenitore_project')それらをすべて他の要素に移動します。

デモ: http://jsfiddle.net/QyYeX/

于 2013-02-27T22:10:14.093 に答える