我正在动态创建目录。
层次结构级别:
父分区
child 部
- 孙子部
为此,我动态创建 div 。
然后我为这些 div 分配边距。
父级:- 无边距
子分区:- margin-left :15px;
孙子分区:- margin-left :35px;
所以我能够动态创建目录。
问题:
我根据层次结构创建了多个父 div 和子 div。 但是,如果我在第一个父 div 上应用点击事件,那么该事件也会在其他父 div 上应用,因为我在类上添加了点击事件。
在此点击中,我遇到了 slideToggle() 问题。
由于我正在使用类,因此它也被应用于其他类。
示例:
$('main_div').haml(['%div.g', {id:'g_' + i', name: i}, Parent Div]);//class = 'g'
$('main_div').haml(['%div.g1', {id:'g_' + i, name: i, style:'**margin-left: 15px**;'}, Children Div]);//class = 'g1'
$('main_div').haml(['%div.g2', {id:'g_' + i, name: i, style:'**margin-left: 35px**;'}, Grand Children Div]);//class = 'g2'
在此 div 中,'i' 值在 AJAX GET 的帮助下来自数据库。
那么我应该对 slideToggle()
进行哪些更改:在此我只想仅切换单击的父级 div 的子级?
有什么提示/建议吗?
引用代码:
$('#main_div').on('click','.g', function(){
$('#main_div').find('.g1,.g2').slideToggle();
});
最佳答案
如果我理解正确的话,slideToggle()是所有父级div的点击事件?在函数中您可以使用“this”变量。
$(this).find(...some selector for child divs...').slide..
请显示点击事件的代码?
关于javascript - 如何根据类和名称属性切换动态创建的 div ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19604213/