gpt4 book ai didi

javascript - jQuery:根据动态添加的类选择一个元素?

转载 作者:行者123 更新时间:2023-11-29 19:02:34 25 4
gpt4 key购买 nike

<分区>

我有一个非常简单的设置:

  • 按钮:在导航中切换“toggled”类
  • li 是子菜单的简化持有者:它应该在点击时改变 aria 属性,但只有当导航有 .toggled 类时才可以

但由于某些原因,这条线不起作用:

$('.toggled .has-children').on('click', function(e){

是不是因为class是动态添加到parent的?我将如何克服这个问题?

$(function() {


var container = $('.nav');
var button = $('.menu');

//add remove class to nav
button.on('click', function () {
if(container.hasClass('toggled')) {
container.removeClass('toggled');
} else {
container.addClass('toggled');
}
});

// doesn't work?
$('.toggled .has-children').on('click', function(e){
e.preventDefault();
$(this).attr('aria-expanded', 'true');
})

});
.toggled {
color: blue;
}

.has-children[aria-expanded=true] {
color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<nav class="nav">
<button class="menu">Menu</button>

<ul>
<li class="has-children" aria-expanded="false">
Has children
</li>

</ul>

</nav>

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