Javascript 查找没有样式显示无的div，并在每秒钟的div上插入一个分页符样式

最初，所有div都具有样式显示无属性。如果div中有任何内容，我将通过jquery show方法启用div， 我想找到没有样式显示的div:none，并且在每秒钟活动div之后， 我想插入一个css用于分页符：始终用于打印目的。当用户打印时，我希望一页中只有2个div。 所以在这个例子中，我想在par4和par8上插入用于分页符的css

（简而言之，找到没有样式display none的div，并在每秒钟的div上插入一个分页符样式）

空的
图像/内容
空的
图像/内容
空的
图像/内容
空的
图像/内容
空的

也许这可以帮助您，但CSS不是更好的解决方案吗

$(function() {
    $(".flip:nth-child(even)").css({ 'page-break-after': 'always' });
});

---

也许这可以帮助你，但是CSS不是更好的解决方案吗

$(function() {
    $(".flip:nth-child(even)").css({ 'page-break-after': 'always' });
});

---

带有each循环的jQuery:visible选择器可以实现这一点

$('.flip:visible').each(function(idx, elm) {
    if(idx & 1 == 1) { // every 2nd one
        $(this).css('page-break-after', 'always');
    }
});

编辑

---

第n个（偶数）select更优雅（代码也更短）。

带有each循环的jQuery:visible选择器就可以了

$('.flip:visible').each(function(idx, elm) {
    if(idx & 1 == 1) { // every 2nd one
        $(this).css('page-break-after', 'always');
    }
});

编辑 第n个（偶数）选项更优雅（代码也更短）。

此处：

$( '#parent' ).children( ':visible:odd' ).css( 'page-break-after', 'always' );

现场演示：

尽管我建议设置CSS类，而不是内联编写样式。设置/取消设置类比直接设置样式更容易。

此处：

$( '#parent' ).children( ':visible:odd' ).css( 'page-break-after', 'always' );

现场演示：

---

---

尽管我建议设置CSS类，而不是内联编写样式。设置/取消设置类比直接设置样式更容易。

应该是UL/LI，而不是DIV/DIV。除了HTML之外，您在这里尝试过“任何东西”吗？向我们展示您的代码，“通过jQuery启用DIV显示是否有任何内容”（对我来说，字符串“empty”也将是content）应该是UL/LI，代替DIV/DIV。您在这里尝试过HTML以外的“任何东西”吗？向我们展示您的代码“通过jQuery启用DIV显示是否有任何内容”（对我来说，字符串“empty”也将是内容）

if（idx&1==1）

？真的吗？@没有定义好，那就是JavaScript

i&1

返回

0

或

1

，具体取决于

i

是偶数还是奇数。不错。@ŠimeVidas是的，我不知道，不错。

如果（idx&1==1）

？真的吗？@没有定义好，那就是JavaScript

i&1

返回

0

或

1

，具体取决于

i

是偶数还是奇数。不错。@ŠimeVidas是的，我不知道，Nice.OP没有指定可见div总是偶数子项。那么，美元（“.flip:visible:nth child（偶数）”怎么样？这难道不应该在每秒钟（甚至）选择一个元素之前过滤掉不可见的元素吗？不。

：n子元素仍然考虑DOM关系。因此，偶数子对象始终是偶数子对象，而不管它在jQuery对象中的位置如何。OP没有指定可见div始终是偶数子对象。那么，美元（“.flip:visible:nth child（偶数）”怎么样？这难道不应该在每秒钟（甚至）选择一个元素之前过滤掉不可见的元素吗？不。
：n子元素仍然考虑DOM关系。因此，偶数子对象始终是偶数子对象，而不管它在jQuery对象中的位置如何。@undefined OP没有指定可见div始终是偶数子对象。是的，但是jQuery集合呢？@undefined啊，你说得对<代码>：奇数
根据jQuery选择进行选择，而不是实际的DOM关系。我可以用这个改进来更新我的答案吗？谢谢！击中目标！非常感谢@undefined OP没有指定可见div总是偶数子项。是的，但是jQuery集合呢？@undefined啊，你说得对<代码>：奇数

根据jQuery选择进行选择，而不是实际的DOM关系。我可以用这个改进来更新我的答案吗？谢谢！击中目标！非常感谢！