我正在尝试使用嵌套 div 和基本 jQuery 编写这首诗。我的想法是从一个 .active 类的 div 开始,该 div 具有 display: block,所有其他 div 都是第一个 div 的子元素,
我正在尝试使用嵌套 div 和基本 jQuery 编写这首诗。我的想法是从一个 .active
具有 的类的 display: block
,所有其他 div
都是第一个具有 的 的子级 div
。 display: none
现在,当您单击第一个 时 div
,它会从自身中删除类 .active
(向自身添加 .static
现在仅改变颜色的类)并添加 .active
到其子级。实际上,子级 div
变得可见。然后您单击该子级以显示其子级,依此类推,直到诗歌结束:
$(".active").click(function() {
$(this).removeClass("active").addClass("static");
$(this).children("div").addClass("active")
});
脚本加载时,DOM 中 .active
仅存在第一个 div 的类 https://jsfiddle.net/4ygfrtgb/1/
我尝试过这样的事件委托:
$("div").on("click", ".active", function() {
$(this).removeClass("active").addClass("static");
$(this).children("div").addClass("active");
});
但是,即使是第一个元素 div
对点击也没有反应。我知道委托对元素的子元素起作用,而我试图调用同一元素的类。
那么有没有办法通过在 DOM 加载后添加的类来定位元素?
非常感谢。
jQuery:如何使用添加到嵌套 div 的类的事件委托?
下载声明:
本站所有软件和资料均为软件作者提供或网友推荐发布而来,仅供学习和研究使用,不得用于任何商业用途。如本站不慎侵犯你的版权请联系我,我将及时处理,并撤下相关内容!
帖子版权声明
1、本帖标题:jQuery:如何使用添加到嵌套 div 的类的事件委托? 本站网址:http://xjnalaquan.com/
2、本网站的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
3、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
4、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
5、站长邮箱:yeweds@126.com
除非注明,本帖由kluszon 在本站《jquery》 版块原创发布,
转载请注明出处!