gpt4 book ai didi

javascript - jQuery if else 无序列表addClass

转载 作者:行者123 更新时间:2023-11-30 08:33:59 24 4
gpt4 key购买 nike

我有一个包含四个 li 元素的 ul。我想查看哪个具有 .selected 类。如果 li hasClass .selected,什么也不做。如果同一列表中的另一个 .li 没有 .selected 类,我想添加类 .li-border。在下面的代码示例中,我可以触发 console.log 而不是 addClass。我错过了什么?谢谢!

if ($("ul.portfolio-nav li a").hasClass("selected")) {
console.log("yo");
} else {
$(this).addClass("li-border");
};

最佳答案

试试这段代码:

$("ul.portfolio-nav li a").each(function(){
if ( !$(this).hasClass("selected") ) {
$(this).addClass("li-border");
};
});
.li-border{
border: 1px solid black;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class='portfolio-nav'>
<li><a href='#'>First element</a></li>
<li><a href='#' class="selected">Second and selected element</a></li>
<li><a href='#'>Third element</a></li>
</ul>

希望这对您有所帮助。

关于javascript - jQuery if else 无序列表addClass,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33849943/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com