函数中的我的边栏小部件代码。php看起来像这样。。。
if ( function_exists(\'register_sidebar\') )
register_sidebar(array(
\'name\' => \'Home Sidebar\',
\'id\' => \'home-sidebar-widget\',
\'before_widget\' => \'<div class="menu side %2$s">\',
\'after_widget\' => \'</div>\',
\'before_title\' => \'<h4 class="sidebarTitle">\',
\'after_title\' => \'</h4>\',
));
将在网站上创建此标记。。。
<div class="menu side widget_text">
<h4>widget 1 title</h4>
<div class="textwidget">Lorem ipsum dolor sit amet</div>
</div>
<div class="menu side widget_text">
<h4>widget 2 title</h4>
<div class="textwidget">Lorem ipsum dolor sit amet</div>
</div>
以下是我需要的(只需向类集合添加一个数字)。。。
<div class="menu side s1 widget_text">
<h4>widget 1 title</h4>
<div class="textwidget">Lorem ipsum dolor sit amet</div>
</div>
<div class="menu side s2 widget_text">
<h4>widget 2 title</h4>
<div class="textwidget">Lorem ipsum dolor sit amet</div>
</div>
我想添加一个count变量,这样每个侧边栏都会得到一个数字,然后我可以将其用于css目标。怎样
SO网友:t31os
您可以像这样针对CSS中的特定元素。。(当然不适用于所有浏览器)。
#sidebar div.menu.side:nth-child(1) { /* First */ }
#sidebar div.menu.side:nth-child(2) { /* Second */ }
#sidebar div.menu.side:nth-child(3) { /* Third */ }
..and so on...
或者使用一些jQuery来添加类。。
jQuery(document).ready( function($) {
var wi = 1;
$(\'#sidebar div.menu.side\').each( function() {
$(this).addClass( \'widget-s\' + wi );
wi = wi + 1;
});
});
虽然wyrfel的方法看起来对你有用,但我建议在以上两种情况下。