Древовидный вывод div
нужно чтобы при клике на блок class="trg_no_active открывались скрытые блоки, которые находятся под тем блоком на который кликнули. но нужно открыть не все а только которые имеют отступ текущий+25. т.е. если кликнем на блок который имеет отступ 25 то открыть 25+25=50 отступ
var n=Number(margin); // 25 var k=n+25; var i=$(this).attr("id"); // 6 $("div[data="+k+"]").each(function(){ if ($(this).attr("data")==n) return false; $(".block_for_users_no_active[data="+k+"]").show(); }); <div align="center" id="wrapper"> <div style="width: 990px; height: 40px;"> <div class="block_for_users_name" style="width: 120px;">Логин</div> <div class="block_for_users_name" style="width: 80px;">Пароль</div> <div class="block_for_users_name" style="width: 200px;">Название</div> <div class="block_for_users_name" style="width: 40px;">А</div> <div class="block_for_users_name" style="width: 40px;">B</div> <div class="block_for_users_name" style="width: 40px;">C</div> <div class="block_for_users_name" style="width: 40px;">D</div> <div class="block_for_users_name" style="width: 40px;">прицеп</div> <div class="block_for_users_name" style="width: 120px;">Город</div> <div class="block_for_users_name" style="width: 100px;">Права</div> <div class="block_for_users_name" style="width: 150px;">Действия</div> </div> <div style="width: 990px; height: 40px; "><div style="margin-left:0px; width: 120px; text-align:left" class="block_for_users"> <div> <div class="trg_no_active" data="0"></div> <div style="float:left">elisov</div> </div></div> <div class="block_for_users" style="width: 80px;">698698</div> <div class="block_for_users" style="width: 200px;">Елисов Алексей</div> <div class="block_for_users" style="width: 40px;">120</div> <div class="block_for_users" style="width: 40px;">120</div> <div class="block_for_users" style="width: 40px;">120</div> <div class="block_for_users" style="width: 40px;">120</div> <div class="block_for_users" style="width: 40px;">120</div> <div class="block_for_users" style="width: 120px;"></div> <div class="block_for_users" style="width: 100px; padding-top:3px;"><div class="icon_for_blocked"></div><div class="icon_for_add_users"></div><div class="icon_for_add_request"></div></div> <div class="block_for_users" style="width: 150px;"><span>Изменить</span> </div> </div> <div class="block_for_users_no_active"> <div style="margin-left:25px; width: 120px;" data="25" class="block_for_users"> <div class="trg_no_active" data="25"></div> <div style="float:left">Anna72</div> </div> <div class="block_for_users" style="width: 100px; padding-top:3px; "><div class="icon_for_blocked"></div><div class="icon_for_add_users"></div><div class="icon_for_add_request"></div></div> <div class="block_for_users" style="width: 150px;"><span>Изменить</span> </div> </div> <div class="block_for_users_no_active"> <div style="margin-left:25px; width: 120px;" data="25" class="block_for_users"> <div class="trg_no_active" data="25"></div> <div style="float:left">zina123</div> </div> <div class="block_for_users" style="width: 100px; padding-top:3px; "><div class="icon_for_blocked"></div><div class="icon_for_add_users"></div><div class="icon_for_add_request"></div></div> <div class="block_for_users" style="width: 150px;"><span>Изменить</span> </div> </div> <div class="block_for_users_no_active"> <div style="margin-left:25px; width: 120px;" data="25" class="block_for_users"> <div class="trg_no_active" data="25"></div> <div style="float:left">Lena1122</div> </div> <div class="block_for_users" style="width: 100px; padding-top:3px; "><div class="icon_for_blocked"></div><div class="icon_for_add_users"></div><div class="icon_for_add_request"></div></div> <div class="block_for_users" style="width: 150px;"><span>Изменить</span> </div> </div> <div class="block_for_users_no_active"> <div style="margin-left:50px; width: 120px;" data="50" class="block_for_users"> <div class="trg_no_active" data="50"></div> <div style="float:left">Vova1212</div> </div> <div class="block_for_users" style="width: 100px; padding-top:3px; "><div class="icon_for_blocked"></div><div class="icon_for_add_users"></div><div class="icon_for_add_request"></div></div> <div class="block_for_users" style="width: 150px;"><span>Изменить</span> </div> </div> <div class="block_for_users_no_active"> <div style="margin-left:25px; width: 120px;" data="25" class="block_for_users"> <div class="trg_no_active" data="25"></div> <div style="float:left">Xeniya</div> </div> <div style="width: 990px; height: 40px; "><div style="margin-left:0px; width: 120px; text-align:left" class="block_for_users"> <div> <div class="trg_no_active" data="0"></div> <div style="float:left">shamsheev</div> </div></div> <div class="block_for_users" style="width: 80px;">5743567</div> <div class="block_for_users" style="width: 200px;">Юрий</div> <div class="block_for_users" style="width: 40px;">180</div> <div class="block_for_users" style="width: 40px;">180</div> <div class="block_for_users" style="width: 40px;">220</div> <div class="block_for_users" style="width: 40px;">220</div> <div class="block_for_users" style="width: 40px;">220</div> <div class="block_for_users" style="width: 120px;"></div> <div class="block_for_users" style="width: 100px; padding-top:3px;"><div class="icon_for_blocked"></div><div class="icon_for_add_users"></div><div class="icon_for_add_request"></div></div> <div class="block_for_users" style="width: 150px;"><span>Изменить</span> </div> </div> </div> проблема в том что мне нужно показать скрытые divы, которые идут после текущего/ и не показывать те которые идут выше дерева. divы идут друг за другом. вложения определяются отступом margin. нужно остановить цикл когда будет вхождение margin равное текущему |
Часовой пояс GMT +3, время: 20:42. |