Jquery ui 如何使用';删除一个类中仅单击的元素,而不是全部在一行中;这';不使用点击功能? 函数deleteo(){ 计数--; $(“.cls\u divs.cls\u delete”)。单击(函数(){ $(“.cls_divs”).remove(); }); }
在jquery代码中,我在“$(“.cls_divs”).remove();”行遇到问题,也就是说,这一行删除了所有附加的动态div,但我只想删除已单击的(此)div,而不是类.cls_divs的全部。。。。不属于.cls\u删除类?使用此关键字:Jquery ui 如何使用';删除一个类中仅单击的元素,而不是全部在一行中;这';不使用点击功能? 函数deleteo(){ 计数--; $(“.cls\u divs.cls\u delete”)。单击(函数(){ $(“.cls_divs”).remove(); }); },jquery-ui,Jquery Ui,在jquery代码中,我在“$(“.cls_divs”).remove();”行遇到问题,也就是说,这一行删除了所有附加的动态div,但我只想删除已单击的(此)div,而不是类.cls_divs的全部。。。。不属于.cls\u删除类?使用此关键字: <div id="id_div" style="display: none"> <div class="cls_divs"> <input class="cls_file" type='file'
<div id="id_div" style="display: none">
<div class="cls_divs">
<input class="cls_file" type='file' name='file' /> <a href="javascript:void(0);" onclick="upload()"><img '<?php echo base_url(); ?>images/upload.bmp' width='80' height='30'/></a>
<a class="cls_delete" href="javascript:void(0);" onclick="deleteo()"><img src='<?php echo base_url(); ?>images/delete.bmp' width='80' height='30'/></a>
</div>
</div>
function deleteo() {
count--;
$(".cls_divs .cls_delete").click(function () {
$(".cls_divs").remove();
});
}
以下是完整的代码:
$(this).remove();
如果您确实需要在()上使用
on()
而不是click()
,则不需要在单击时绑定事件deleteo
,并且家长将选择parent将其与类名筛选器一起使用。在html中,您不需要分配onclick函数。可以使用jquery on()方法。看看我是怎么做到的
function deleteo() {
count--;
$(this).parents('div.cls_divs').remove();
}
这将非常有效。我已经在JSFIDLE中检查过了。看看JSFIDLE
div id="id_div" style="display: none">
<div class="cls_divs">
<input class="cls_file" type='file' name='file' /> <a href="javascript:void(0);" onclick="upload()"><img '<?php echo base_url(); ?>images/upload.bmp' width='80' height='30'/></a>
<a class="cls_delete" href="javascript:void(0);"><img src='<?php echo base_url(); ?>images/delete.bmp' width='80' height='30'/></a>
</div>
$(".cls_divs .cls_delete").on("click",function (e) {
// make sure that count variable is global.
count --;
e.preventDefault();
$(this).parent().remove();
});