jQuery-将样式应用于三列行中的中心div?
我试图在三列行的中间列添加边框。这:jQuery-将样式应用于三列行中的中心div?,jquery,html,loops,Jquery,Html,Loops,我试图在三列行的中间列添加边框。这: var subcount = $j('#sub > div').size(); 给了我6个,我想弄清楚如何将风格应用到中间的div?(在这种情况下,第2和第5部分) 第一组第二组第三组 第4组第5组第6组 有没有一种基于div而不是id的方法?比如,某种形式的foreach循环之类的?有很多方法可以做到这一点。这取决于数据的结构。如果只有6列,则使用蛮力方式: $("#sub > div:nth-child(2), #sub > di
var subcount = $j('#sub > div').size();
给了我6个,我想弄清楚如何将风格应用到中间的div?(在这种情况下,第2和第5部分)
第一组第二组第三组
第4组第5组第6组
有没有一种基于div而不是id的方法?比如,某种形式的foreach循环之类的?有很多方法可以做到这一点。这取决于数据的结构。如果只有6列,则使用蛮力方式:
$("#sub > div:nth-child(2), #sub > div:nth-child(5)").css("border", "1px solid black");
您还可以将等式与:n子项一起使用
:
$("#sub > div:nth-child(3n+2)").css("border", "1px solid black");
有很多方法可以做到这一点。这取决于数据的结构。如果只有6列,则使用蛮力方式:
$("#sub > div:nth-child(2), #sub > div:nth-child(5)").css("border", "1px solid black");
您还可以将等式与:n子项一起使用
:
$("#sub > div:nth-child(3n+2)").css("border", "1px solid black");
如果这些确实是列,您可能最好使用真实的表,因为它更适合表格数据。您还没有标记行,这使得选择列很困难。一种方法是:
var n = 1;
$('#sub > div').filter(function() { return n++ % 3 == 2 });
如果这些确实是列,您可能最好使用真实的表,因为它更适合表格数据。您还没有标记行,这使得选择列很困难。一种方法是:
var n = 1;
$('#sub > div').filter(function() { return n++ % 3 == 2 });
我建议您在代码隐藏中添加一些类,然后应用clase选择器。或者,更好的,css样式
若您必须使用jQuery,那个么cletus解决方案正是您想要的 我建议您在代码隐藏中添加一些类,然后应用clase选择器。或者,更好的,css样式
若您必须使用jQuery,那个么cletus解决方案正是您想要的 因为JQuery返回的数组是零索引的,所以只需对“div”元素2和5运行如下操作:
$(document).ready(function () {
$("#sub div").filter( function (i) {
return i == 1 || i == 4;
}).css("background", "#b4b0da");
});
因为JQuery返回的数组是零索引的,所以只需对“div”元素2和5运行类似的操作:
$(document).ready(function () {
$("#sub div").filter( function (i) {
return i == 1 || i == 4;
}).css("background", "#b4b0da");
});