각 div 앞에 img의 제목이있는 양식 확인란을 추가하십시오.

Question

ID가 증가하는 각 div에 양식 확인란을 어떻게 추가 할 수 있습니까?

<div class="img-wrap"> 
    <img title="1" src="img.jpg" /> 
</div> 
<div class="img-wrap"> 
    <img title="2" src="img.jpg" /> 
</div> 
<div class="img-wrap"> 
    <img title="3" src="img.jpg" /> 
</div> 

를 내가 좋지 않을까

<div class="img-wrap"> 
    <img title="1" src="img.jpg" /> 
    <input type="checkbox" name="1" value="1" /> 
</div> 
<div class="img-wrap"> 
    <img title="2" src="img.jpg" /> 
    <input type="checkbox" name="2" value="2" /> 
</div> 
<div class="img-wrap"> 
    <img title="3" src="img.jpg" /> 
    <input type="checkbox" name="3" value="3" /> 
</div> 

jQuery를 또는 자바 스크립트

을 원하는 :

현재 가지고! 감사합니다 :)

이 같은

Answer 1

$("img").each(function(){ 
    var id = $(this).attr("title"); 
    $(this).parent().append("<input type='checkbox' name='"+ id +"' value='"+ id +"' />"); 
}); 

Answer 2

뭔가 해결해야

$('.img-wrap img').each(function(){ 
    var id = $(this).attr('title'); 
    $('<input type="checkbox" name="'+id+'" value="'+id+'" />').insertAfter(this); 
}); 

Answer 3

$(function(){ 
    var ele, val; 
    $("div.img-wrap img").each(function(){ 
     ele = $(this); 
     val = ele.attr("title"); 
     ele.after($('<input type="checkbox" name="' + val + '" value="' + val + '" />')); 
    }); 
});​