WordPress 还没有给ul.sub-menu
任何独特的类......
这是我的 HTML:
<ul id="menu-primary" class="nav">
<li>News
<ul class="sub-menu">
<li>Local</li>
<li>Politics</li>
</ul>
</li>
<li>Sports
<ul class="sub-menu">
<li>Baseball</li>
<li>Football</li>
</ul>
</li>
<li>Opinion
<ul class="sub-menu">
<li>Forums</li>
<li>Blogs</li>
</ul>
</li>
使用jQuery,我只能对第一个进行.addClass。
jQuery(document).ready(function($){
$('ul.sub-menu').addClass (function() {
return "item-" + $(this).index();
});
结果是这样的:
<ul id="menu-primary" class="nav">
<li>News
<ul class="sub-menu item-1">
<li>Local</li>
<li>Politics</li>
</ul>
</li>
<li>Sports
<ul class="sub-menu">
<li>Baseball</li>
<li>Football</li>
</ul>
</li>
<li>Opinion
<ul class="sub-menu">
<li>Forums</li>
<li>Blogs</li>
</ul>
</li>
这很好,但是如何为每个ul.sub-menu
分配一个唯一的类?
尝试此代码,应该可以完成工作。
$(function(){
$('ul.sub-menu').addClass (function(idx) {
return "item-" + idx;
});
});
你可以在这里测试它:http://jsfiddle.net/dvdPd/17/
还没有测试过它.. 但是 .each() 将是你需要的函数。
$('ul.sub-menu').each(function(index) {
$(this).addClass("item-" + index);
});