gpt4 book ai didi

javascript - jQuery : dynamic events how to achieve

转载 作者:行者123 更新时间:2023-11-30 06:49:32 27 4
gpt4 key购买 nike

在 jquery 中的 div 之间链接动态事件的最佳方法是什么。

我的 HTML 页面:

<html>
<body>
<div id="parent1"></div>
<div id="parent2"></div>
<div id="parent3"></div>
<div id="child1"></div>
<div id="child2"></div>
<div id="child3"></div>
</body>
</html>

对于每个点击的 parent ,我想切换它的 child

Example :: if parent2 clicked, .toggle will be applied on child2 only

我的 parent 和 child 的 div 是动态创建的,所以他们的数字不是静态的,我认为应该在这里使用 .live,但我不知道如何实现。

谢谢

最佳答案

这应该可以做到,使用 rel 属性来标记链接。你也可以通过解析 ID 等来做同样的事情,但我发现这个解决方案更语义化(如果它意味着什么):

<html>
<body>
<div id="parent1" class="parents" rel="child1"></div>
<div id="parent2" class="parents" rel="child2"></div>
<div id="parent3" class="parents" rel="child3"></div>
<div id="child1"></div>
<div id="child2"></div>
<div id="child3"></div>
</body>
</html>

jQuery(function(){
jQuery(".parents").live("click", function(){
jQuery("#"+jQuery(this).attr("rel")).toggle();
});

});

关于javascript - jQuery : dynamic events how to achieve,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2265408/

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