我想知道是否可以在这段代码中添加某种Nth Child?
$(function() {
var count = $(".parent a").length;
$(".parent div").width(function(){
return ($(".parent").width()/count)-5;
}).css("margin-right","5px");
});
我想让最后一个div忽略 margin-right
这可能吗?
一般来说,你可以使用jQuery选择像:last
,:last-child
,:last-of-type
,并考虑你不想要的元素:not
。
但是,这里的问题更多与何时以及如何进行宽度计算和应用CSS有关。
我将其分解为几个步骤,首先进行宽度计算:
var count = $(".parent a").length;
$(".parent div").width(function(){
return ($(".parent").width()/count)-5;
});
接下来,对除最后一个div以外的所有内容应用正确的边距:
$(".parent div:not(:last)").css("margin-right","5px");
这几乎使我们到了那里,最后一点只是填补了剩下的一点空白:
$(".parent div:last").width(function() {
return $(".parent div:last").width() + 5;
});
那应该做您想要的。您可以在此处看到一个有效的示例-http: //jsfiddle.net/jUU86/3/。我可能也会用一个变量替换边距大小,只是为了避免更改它,您不必替换多个位置。
您可以在此处阅读有关使用的选择器的更多信息:
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句