javascript - JQuery/javascript doubleclick=在 foreach() php 的每个 div 上执行一些操作

Question

我有这个 PHP 文件:

foreach($allfiles as $file) {
    echo '<div class="file" id="file' . $file->id . '">';
        echo '<div id="checkbox"><a href="delete?file=' . $file->id . '" class="delete"><img src="images/delete.png" width="15" height="15"></img></a></div>';
        echo '<div id="filename">'. $file->name . '</div>';
        echo '<div id="size">| '. $file->size . ' </div>';
        echo '<div id="created">'. $file->created . '</div>';
        echo '<div id="download"><a href="download?' . $file->id . '"><img src="images/download.png" width="18" height="18"></img></a></div>';
    echo '</div>';
    ?>
    <script>
        var id = <?php echo $file->id; ?>
    </script>
    <?php
}

和这个 JS 文件

$('#file' + id).dblclick(function() {
    alert(1);
});

我想做的是，当点击 div“file”+文件 id 时，它会提醒“1”(或打开文件)。问题是，现在当我双击我拥有的最后一个 div 时，它只会提醒 1，而它应该对所有 div 完成。有没有像 foreach div 那样的解决方案，称为 file + some do ？双击时。

抱歉，如果这还不清楚:D

Answer 1

您可以使用 data-* 前缀的自定义属性，例如

echo '<div class="file" data-id="' . $file->id . '">';

使用公共(public)类绑定(bind)您的事件，然后使用 .data() 获取data-id

$('.file').on('dblclick', function() {
    alert($(this).data('id'));
});