在 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/