javascript - 如果两个条件都为真，我需要 jQuery 来执行任务

Question

我需要一些帮助来使用 jQuery 将 if 语句放在一起。如果满足两个条件，我想更改我网站上的 Logo 。

这是一些伪代码，希望能够解释我想要归档的内容:

if(li hasClass active and data-menuid is equal to 0033){
    change logo...
}

这是菜单结构的一个简单示例:

<div id="menu">
    <ul id="menu-primary">
        <li class="menuactive" data-menuid="0011">
        Test1
            <ul class="menu-dropdown">
                <li data-menuid="0022">Test2</li>
                <li class="active" data-menuid="0033">Test3</li>
            </ul>
        </li>
        <li data-menuid="0044">Test4</li>
        <li data-menuid="0055">Test5</li>
    </ul>
</div>

Answer 1

你可以检查类和Attribute Equals Selector [name="value"]的组合

if($('li.menuactive[data-menuid="0033"]').length){
    //Your code to change the logo
}

---

您可以使用 $.fn.filter()

Reduce the set of matched elements to those that match the selector or pass the function's test.

var listMeetingCondition = $('li').filter(function(){
    return $(this).hasClass('menuactive') && $(this).attr('data-menuid') == "0033"
});

if(listMeetingCondition.length){
    //Your code to change the logo
}