php - JQuery函数操作多个div

Question

我正在用 PHP 和 MySQL 编写一个预订系统，用户预订特定时段的方式是通过单击运行 JQuery 函数的 Div，如下所示:

$(document).ready(function(){
                $('.free').click(function(){
                    $(this).html("<div class='title'><img src='images/loader.gif' alt='image' width='30' /></div>").load('book.php?desk_id=<?php echo $desk_id;?>&booking_id='+this.id);
                });
                $('#bookweek').click(function(){
                    $('.free').html("<div class='title'><img src='images/loader.gif' alt='image' width='30' /></div>").load('book.php?desk_id=<?php echo $desk_id;?>&booking_id='+this.id);
                });
            })

我想做的是让后半部分能够预订整个星期的工作。它部分工作，但做了一些调查表明它没有在 URL 中传递 Div 的 ID，所以显然它没有将正确的变量传递给 book.php，这导致它不起作用。

有许多具有“free”类的 Div，但每个 Div 都有自己单独的 ID。任何有关如何在 URL 中传递个人 ID 的帮助将不胜感激，

非常感谢，

史蒂夫

编辑:

日历是使用以下代码生成的:

<div id="bookweek" style="cursor:pointer"><h1>Book Entire Week</h1></div>
<div class="block">
    <div class="title">Times</div>
    <?php
$days = 0;
while($days < 7) {
    $day  = mktime(0, 0, 0, date("m"),   date("d") + $days,   date("Y"));
    $days++;
    echo '<div class="title">'.date("D d/m/y", $day).'</div>
    ';
}
?>
</div>
<?php
$hours = 0;
$counter = 0;
while($hours < count($bookingTimes)) {
    $name = $bookingTimes[$hours];
    $hours++;
    echo '<div class="block">
<div class="title">'.$name.'</div>
';
$i=0;
$counter++;
$days = 0;
while($i < 7) {
    $day  = mktime(0, 0, 0, date("m"),   date("d") + $days,   date("Y"));
    $days++;
    $i++;
    $id = $counter + $day;
    echo '<div class="free" id="'.$id.'">'.checkBooked($id,$desk_id).'</div>
    ';
    }
    echo '</div>';
}
?>
</div>

Answer 1

尝试使用 #bookweek 的点击事件处理程序

$("#bookweek").on("click", function () {
    $(this).parent().find(".free").trigger("click")
});

它找到父 div(周)，然后在每个具有类 free 的子元素上触发单击事件。