Question

我不确定我的短Jquery是否正确..我试图在悬停时将箭头图像附加到父级，如果它有孩子（在Wordpress中）。如果没有孩子，就不应该出现箭头。看小提琴：http://jsfiddle.net/WcM35/

 jQuery(document).ready(function($){
    $('ul.sub-menu').parent().addCss('arrow');
    });

到目前为止，如果父母在悬停时有子女，则父李上不会出现箭头。请指导我，如果你能提供帮助，我将不胜感激。

Answer 1

你可以做这样的事情

jQuery(document).ready(function($){
    //iterate over the collection
    $('ul.sub-menu').each(function(){
        var $this = $(this);
        //does the current element have children?
        if($this.children().length >0){
         //yes, add the class "arrow"
         $this.parent().addClass('arrow');
        }
    });
});

在这里摆弄http://jsfiddle.net/WcM35/1/

Answer 2

也许你想添加班级箭头？

$('ul.sub-menu').parent().addClass('arrow');

Answer 3

使用toggleClass('arrow')

而不是addCss

如果找到包含子项的父导航项，则附加箭头图像。

3 个答案: