Как переключать динамически созданные div на основе атрибутов класса и имени?

Question

Я создаю Содержание динамически.

уровни иерархии:

• Родитель Div

  • Дети Div

    • Гранд Дети Div

Для этого я создаю div динамически.

Затем я назначаю разницу для этих div.

Родитель Div: - Нет Маржа

Дети Div: -margin-left :15px;

Гранд Дети Div: -margin-left :35px;

Так что я могу создать таблицу содержания динамически.

Проблема:

Я создал более одного родителя дивы и там суб дивы, как в иерархии. Но если я применяю событие click для первого родительского div, тогда это событие также будет применяться к другому родительскому div, потому что я добавляю событие click на класс.

В этом клике я столкнулся с проблемой в 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 'я' значение поступает из базы данных по с помощью AJAX GET.

Итак, какие изменения я должен сделать для slideToggle(): В этом я просто хочу переключить только на дочерние родительские дочерние div?

Любые советы/предложения, пожалуйста?

Код ссылки:

$('#main_div').on('click','.g', function(){ 
    $('#main_div').find('.g1,.g2').slideToggle(); 

}); 

Answer 1

Если я понимаю правильно, slideToggle() для всех родителей DIV нажмите событие? Вместо функции вы можете использовать эту переменную.

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

Показать, пожалуйста, код для события click?

Answer 2

Попробуйте это:

$('#main_div').on('click','.g', function(){ 
    $(this).find('.g1,.g2').slideToggle(); 
}); 

Когда JQuery вызывает ваш щелчок обработчик он устанавливает this к щелкнутому пункту, то есть к .g элементу, поэтому применяется только .find() к потомкам этого элемента с помощью $(this).find(...

Answer 3

Следующая ссылочная ссылка решила мою проблему.

On click slidetoggle div but hide others first - jQuery

Благодаря другим людям также.