Question

我正在尝试使用jquery删除div，但我不知道如何引用ID，因为它是PHP var：id =“delete $ count”

我的Javascript代码：

 <script type="text/javascript">
 function deleteFile(fname,directory)
 {
 $.ajax({ url: "delete_img.php",
    data: {"file":fname,"directory":directory},
    type: 'post',
    success: function(output) {
      alert(output);

    $('div').remove();
             }
     });
   }
  </script>

我的PHP代码：

     $count=1;
     echo '<div class="gallery-item" id="delete$count"></div>';
     echo "<div><a class='ico ico-delete' rel='9' rev='2' href='#'onclick='deleteFile(\"$file\",\"$directory\")'>
    </a></div>";                    
    $count++;

Answer 1

我认为以下内容会在不评估delete$count的情况下将$count逐字发送到回复流

echo '<div class="gallery-item" id="delete$count"></div>';

将其更改为

echo "<div class='gallery-item' id='delete$count'></div>";

以便PHP插入$count。

然后尝试将此作为第三个参数传递给您的函数

echo "<div><a class='ico ico-delete' rel='9' rev='2' href='#'onclick='deleteFile(\"$file\",\"$directory\",\"delete$count\")'>

并在

的第三个参数中收集其值

function deleteFile(fname,directory, deletecount) {  }

并替换

$('div').remove();

$('#' + deletecount).remove();

Answer 2

如果我未正确使用，您需要实现以下目标：

使用AJAX告诉服务器删除文件
从当前视图中删除相同文件而不重新加载页面

如果你从数据库中读取文件信息，我建议你使用row-id或类似'gallery-item'ids的东西，以及deleteFile（）函数的参数。如果你不这样做，你可以使用$ directory和$ file的配对值。

 echo '<div class="gallery-item" id="'. $directory . $file . '" ></div>';
 echo "<div><a class='ico ico-delete' rel='9' rev='2' href='#'onclick='deleteFile(\"$file\",\"$directory\")'>
</a></div>";

有了这个，您可以将$('div').remove()替换为$('#'+directory+fname).remove()

如何引用要删除的ID

2 个答案: