javascript - 如何根据类和名称属性切换动态创建的 div ？

Question

我正在动态创建目录。

层次结构级别:

• 父分区

• 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();

});

Answer 1

如果我理解正确的话，slideToggle()是所有父级div的点击事件？在函数中您可以使用“this”变量。

$(this).find(...some selector for child divs...').slide..

请显示点击事件的代码？