javascript - 找到没有样式显示的 div，并在每个第二个 div 上插入一个分页样式

Question

最初所有的 div 都具有样式 display none 属性。如果其中有任何内容，我将通过 jquery show 方法启用 div， 我想找到没有样式显示的 div:无，并且在每隔一个事件 div 之后， 我想为 page-break-after:always 插入一个 css 用于打印目的。当用户打印时，我想在一页中只有 2 个 div。 所以在这个例子中，我想为 par4 和 par8 上的分页符插入 css

(所以简而言之，找到没有样式显示的 div，并在每个第二个 div 上插入一个用于分页的样式)

<div id="parent">
<div class="flip" id="par1" style="display:none;">empty</div>                     
<div class="flip" id="par2">Image/content</div>                           
<div class="flip" id="par3" style="display:none;">empty</div>                       
<div class="flip" id="par4">Image/content</div>                            
<div class="flip" id="par5" style="display:none;">empty</div>                        
<div class="flip" id="par6">Image/content</div>                         
<div class="flip" id="par7" style="display:none;">empty</div>                             
<div class="flip" id="par8">Image/content</div>                                             
<div class="flip" id="par10" style="display:none;">empty</div> 
</div>

Answer 1

这里:

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

现场演示: http://jsfiddle.net/KxGKG/2/

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