如何在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或Javascript会很棒!感谢:)
$("img").each(function(){
var id = $(this).attr("title");
$(this).parent().append("<input type='checkbox' name='"+ id +"' value='"+ id +"' />");
});
应该解决这样的问题:
$('.img-wrap img').each(function(){
var id = $(this).attr('title');
$('<input type="checkbox" name="'+id+'" value="'+id+'" />').insertAfter(this);
});
$(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 + '" />'));
});
});