javascript - 在 div 中找到第一个有边距的元素？ (目的 : remove margin)

Question

我需要在 div 中找到第一个(也是最后一个)元素，设置了 CSS 边距(> 0 像素)。 (重要:这不一定是第一个或最后一个元素!)

基本上，我需要这样做，以便我可以删除第一个元素的 margin-top 和最后一个元素的 margin-bottom。现在我知道您可能会说“为什么不使用“p:last”CSS 语法？”

因为第一个或最后一个元素也可以是其他元素，它可以是列表(UL、OL)、图像、段落等。我不能简单地这样做，ul:last, ol:last, p :last 因为这可能导致匹配多个元素(每种类型一个)。

我只想将其应用于单个元素。所以这就是为什么我认为 jquery 是唯一的解决方案。不过，我很乐意在这一点上错了。

Answer 1

因为你只想要第一个/最后一个 child 有边距，我想你需要使用 jQuery/JavaScript:

var isfirst = 1, lastelm;
$("#divid").find("*").each(function() {
    var cur = $(this);
    if(parseInt(cur.css("margin-top")) > 0 && isfirst == 1) {
        cur.css("margin-top", 0);
        isfirst = 0;
    }
    if(parseInt(cur.css("margin-bottom")) > 0) {
        lastelm = cur;
    }
});
lastelm.css("margin-bottom", 0);