Question

在包含可以单击和删除的表格的一系列div中，我删除了底部边框以防止“加倍”边框外观。但是，现在我难以理解如何添加底部边框，但仅限于最后/底部的任何元素。

JSFiddle：http://jsfiddle.net/phamousphil/t82qsd69/

下面的Javascript代码处理div的消失行为。我可以增加这个功能来帮助吗？

$(function () {
    var nContainer = $(".notification-popup-container");

    $("a.notification-popup-delete").click(function (e) {
        e.preventDefault();
        $(this).closest(nContainer).remove();
    });
});

Answer 1

您可以使用:last-child css选择器。

.notification-popup-container:last-child {
    border-style: solid;
    border-width: 2px;
}

小提琴：http://jsfiddle.net/t82qsd69/3/

参考：MDN

Answer 2

在CSS的底部，您可以添加适用于最后一项的额外规则。

.notification-popup-container-main .notification-popup-container:last-child { border-bottom: 1px solid #75C3E0; }

示例：http://jsfiddle.net/t82qsd69/4/

Answer 3

如果我理解你的意思，只需在点击功能（$('.notification-popup-container:last-child').css('border-bottom', '1px solid red');下面）中添加$(this).closest(nContainer).remove();，这样当你删除一个div时，这个脚本会检查最后一个元素是否有边框底部（它是已经有一个边界，sript会忽略这个css规则）

在div类上动态添加边框

3 个答案: