在课堂上隐藏特定图像

时间:2014-03-09 20:54:12

标签: php jquery

当用户点击图片时,我需要隐藏并运行删除脚本。

显示脚本:

<?php
echo '<img src="../uploads/foto/clanky/' . $file . '" id="' . $id . '" class="img_edit">';

JS

<script type="text/javascript">
    $( ".img_edit img" ).click(function() {
        var className = $('.img_edit').attr('id');
        $(this.id).hide( "slow", function() {

        });
        $.post("delete.php?id="+className);
    });
</script>

但它仍然不起作用。

1 个答案:

答案 0 :(得分:1)

您的选择器不需要img部分,如果img部分应该添加到.img_edit前面,因为img元素不是< img_edit类的强>孩子,该元素的元素(img.img_edit可以,但这里不需要):

$('.img_edit').click(function() {

你可以得到这样的id:

var className = $(this).attr('id');

您应该移除.id来电的hide部分:

$(this).hide("slow");

附注:最好将您的ID放在数据属性而不是ID中,但它不应该影响您的结果,除非您最终获得重复的ID

<强>结果:

$( ".img_edit" ).click(function() {
    var className = $(this).attr('id');
    $(this).hide("slow");
    $.post("delete.php?id=" + className);
});