javascript - 将 ID 分配给表列并添加点击功能

Question

我正试图找出我在日历中的所有日子是否都有一个 ID，因为我计划在那天访问我的数据库中的文档。我的问题是只有一个 ID 被分配给表列并在多次尝试后单击它会增加我收到的警报消息的数量......我到底错过了什么/做错了什么？

几天的 Php 日历部分

    $list_day = 1;
while($list_day <= $days_in_month){
    $calendar.= '<td class="calendar-day">';
        /* add in the day number */
        $calendar.= '<div class="day-number" id = "day'.$list_day.'" onclick = displayDocuments()>'.$list_day.'</div>';

        /** QUERY THE DATABASE FOR AN ENTRY FOR THIS DAY !!  IF MATCHES FOUND, PRINT THEM !! **/
        $calendar.= str_repeat('<p> </p>',2);

    $calendar.= '</td>';
    if($running_day == 6){
        $calendar.= '</tr>';
        if(($day_counter+1) != $days_in_month){
            $calendar.= '<tr class="calendar-row">';
        }
        $running_day = -1;
        $days_in_this_week = 0;
    }
    $days_in_this_week++;
    $running_day++;
    $day_counter++;
    $list_day++;
}

用于检查我是否分配了其他 ID 的 Javascript

function displayDocuments(){
    $('#day1').click(function(){
        alert('day 1!');
        });
    $('#day2').click(function(){
        alert('day 2!');
        });
}

Answer 1

检查这一点可以通过循环到每天都有的类来完成，在您的示例中:day-number。然后提醒 id 以查看它是否存在。

HTML:

$calendar.= '<div class="day-number" id="day'.$list_day.'">'.$list_day.'</div>';

jQuery:

$(document).ready(function() {
    $(".day-number").each(function() {
        var currentid = $(this).attr("id");
        alert(currentid);
    });
});

可能的输出:

• day1 - day1 存在
• day2 - day2 存在

如果它提醒第 1 天、第 2 天等。您知道 ID 是在特定日期设置的，如果它不提醒它；你知道它没有设置。

因为您使用的是 PHP，所以我无法在 JSFiddle 上向您展示，但我希望这可以帮助您检查每天是否有 ID。