0

jquery.formアドオンを介して投稿を送信するこのスクリプトがあります:

$(document).ready(function() { 
        $('#submit_btn').on('click', function(e)            { 
            $("#preview").html('');
            $("#preview").html('<img src="loader.gif" alt="Uploading...."/>');
        $("#imageform").ajaxForm({
        target: '#preview',
        success:  afterSuccess //call function after 
        }); 
    });
});        
function afterSuccess()
{
$('#imageform').resetForm();
$('.ImgStatus').appendTo('.img');
}

そしてhtml応答を取得します。

<div id="<?php echo $RandNumber; ?>" class="ImgStatus">
<input id="<?php echo $RandNumber; ?>" type="checkbox" name="<?php echo $RandNumber; ?>" />                              
<img src='upload/<?php echo $actual_image_name; ?>' class='preview'>
</div>

そして、私がやろうとしているのは、削除ボタンがクリックされたときに、チェックボックス ID に対応する div を削除することです。また、チェック済みの div を含む php ページに $_POST を送信します。今まではこのようなものを持っていましたが、ボタンを押しても要素が削除されません...

$("#clickme").click(function(e){    
var selected = $(".img input:checked").map(function(i,el){return el.name;}).get();   
$(selected).remove();      
});

jsfiddle.net/aHr6v/3

4

5 に答える 5