2016-05-03 50 views
0

私はdivを持っています、main divと言うと、jQueryを使って、ラップされたdivのイメージをメインのdivに追加しています。アップロードしたい複数のイメージに対して行われます。動的に追加されたラップされたdivでjqueryを使用してimageとdivを追加するにはどうすればよいですか?

しかし、私はまた、画像とともにaタグを追加し、その中にもう1つラップされたdivを入れたいと思っています。どのように私は同じを達成するのですか?

$("<img />", { 
     "src": e.target.result, 
     "class": "thumb-image "+imgCls[i] 
}).appendTo(image_holder).wrapAll("<div class='uimg_holder'></div>"); 

これは私を与える:

<div class="image_holder"> 
    <div class="uimg_holder"> 
    <img src="..." /> 
    </div> 
    <div class="uimg_holder"> 
    <img src="..." /> 
    </div> 
</div> 

を私は持ちたい:

<div class="image_holder"> 
     <div class="uimg_holder"> 
     <img src="..." /> 
     <a href=""></a> 
     </div> 
     <div class="uimg_holder"> 
     <img src="..." /> 
     <a href=""></a> 
     </div> 
    </div> 

ノー成功でこれを使用してみました:

var nhtml="<a href='#'>Close</a>"; 
    $("<img />"+ nhtml , { 
     "src": e.target.result, 
     "class": "thumb-image "+imgCls[i] 
    }).appendTo(image_holder).wrapAll("<div class='uimg_holder'></div>"); 

助けてください!

答えて

2

これを実現するには.add()を使用できます。

.add()メソッドは、これらの要素の和集合とメソッドに渡される要素から新しいjQueryオブジェクトを構築します。

var image_holder = $('.image_holder') 
 
$("<img />", { 
 
    "src": 'https://i.stack.imgur.com/fYUxi.jpg?s=32&g=1', 
 
    "class": "thumb-image " 
 
    }) 
 
    .add("<a href='#'>Close</a>") //Injected this portion 
 
    .appendTo(image_holder) 
 
    .wrapAll("<div class='uimg_holder'></div>");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="image_holder"></div>

+1

たくさんありがとうございました。私の日を救った! – Hiral

関連する問題