时间戳

首页 > 解决方案 > 使用 jquery 从表中删除 tr

jquery - 使用 jquery 从表中删除 tr

问题描述

我有一个日历，当用户单击任何日期时，它会在右侧显示约会列表。

它工作正常，但问题是当用户点击任何其他日期时，仍然显示以前日期的约会..

所以我需要的是当用户点击任何新日期时，对于前一个日期的约会应该隐藏并只显示点击日期的约会。

Blow 是我的代码，还附上了截图。

在此处输入图像描述

当用户单击任何日期时，此函数正在调用...

function getEvents(date) {

            events.forEach(function (entry) {
                if (entry['start'] == date.format()) {

                    $("#appointmenttable").css({ "display": "block" });

                    if (entry['appointmentstatus'] == 'Pending') {
                        $("#twobuttons").css({ "display": "block" });
                        $("#onebutton").css({ "display": "none" });
                    } else if (entry['appointmentstatus'] == 'Approved') {
                        $("#onebutton").css({ "display": "block" });
                        $("#twobuttons").css({ "display": "none" });
                    } else {
                        $("#twobuttons").css({ "display": "none" });
                        $("#onebutton").css({ "display": "none" });
                    }

                    var row = $('<tr id="mytablerow"> <td> <div> <img class="logo screen" src="images/placeholder.jpg" style="float:right; width:100px; height:100px;" /> </div> </td>' +
                        '<td> <div>Patient Name : Test</div> <div>Date : <span>' + entry['start'] + '</span></div> <div>Time : <span>' + entry['startt'] + '</span></div>' +
                        '<div>' + entry['title'] + '</div> <div>' + entry['appointmentstatus'] + '</div> </td>' +
                        '<td id="twobuttons" style="display:none;"> <div> <button type="button" id="confirmbutton" class="css_button_new">Confirm</button> </div>' +
                        '<div> <button type="button" id="rejectbutton" class="css_button_new" style="margin-top: 7px;">Reject</button> </div> </td>' +
                        '<td id="onebutton" style="display:none;"> <div> <button type="button" id="cancelbutton" class="css_button_new">Cancel</button> </div> </td>' +
                        '</tr> ');

                    $('#appointmentdetailstable').append(row);
                }
            });

标签： jqueryasp.netasp.net-mvcfullcalendar-3

解决方案

我认为您需要在附加之前清除 $('#appointmentdetailstable')div 。目前，您只需将 HTML 添加到 div 的末尾。

尝试 $('#appointmentdetailstable').empty();在代码块的开头运行 a ，因此它不包含上次触发事件的行数据。

文档：https ://api.jquery.com/empty/ + https://api.jquery.com/append/

也在这里快速小提琴：https ://jsfiddle.net/d2svbm9o/20/

推荐阅读