php - 如何为每个 div 设置自己的触发器

Question

例如我有:

<?php foreach($query as $q): ?>
        <div class="item">
        <?php echo img($q->images); ?>
        </div>
<?php endforeach; ?>

所以这段代码在一行中呈现 5 个 div，每行 5 个 div，这段代码:

<?php foreach($url->result() as $u): ?>

<script>
$(document).ready(function(){
    $('div.item').click(function(){

        setTimeout(function(){

                    window.open('<?php echo $u->url; ?>');


        }, 500)

    })
})
</script>
<?php break; ?>
<?php endforeach; ?>

不管我们点击哪个 div，它都会打开一个具有相同 url 的新窗口，但是如果我的数据库中有 5 个不同的 url，我希望当我们点击它打开的每一行的第一个 div 时怎么办一个带有第一个 url 的窗口，当我们单击第二个时，它将打开第二个 url

我认为这可以通过使用类来实现，例如 class="item1", item2, item3, item4, item5，但是如果我们只有 3 个 url，而不是 5 个怎么办，在这种情况下我怎样才能使前三个 div 将打开前 3 个 url，但剩下的 2 个将打开最后一个，即第 3 个 div

抱歉我的英语不好，也许你知道怎么做，谢谢!

ps: 我用的是codeigniter

Answer 1

您可以为每个部门使用像 item_1、item_2 等 id 而不是类，在 javascript 中，您可以分别在每个 div 中设置监听器。

<?php $index = 0;?>
<?php foreach($query as $q): ?>
        <div id="item_<?php echo $index++;?>">
        <?php echo img($q->images); ?>
        </div>
<?php endforeach; ?>

对于 Javascript，代码如下:

<?php $index = 0;?>
<?php foreach($url->result() as $u): ?>

<script>
$(document).ready(function(){
    $('#item_<?php echo $index++;?>').click(function(){

        setTimeout(function(){

                window.open('<?php echo $u->url; ?>');


    }, 500)

})
})
</script>
<?php break; ?>
<?php endforeach; ?>