Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery-将样式应用于三列行中的中心div?_Jquery_Html_Loops - Fatal编程技术网

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");
});