Показать сообщение отдельно
  #1 (permalink)  
Старый 17.03.2015, 15:16
Аспирант
Отправить личное сообщение для Zuko Посмотреть профиль Найти все сообщения от Zuko
 
Регистрация: 13.03.2010
Сообщений: 38

Сложности с селекторами
Добрый день!

Есть код
<ul class="ul-tree ul-drop" id="lasttree" style="display:block">
	<li><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<input type="checkbox" id="checkbox1"/></p>
		<ul>
			<li><p>Aenean commodo ligula eget dolor.<input type="checkbox" id="checkbox1"/></p></li>
			<li><p>Aenean massa.<input type="checkbox" id="checkbox1"/></p>
				<ul>
					<li><p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<input type="checkbox" id="checkbox1"/></p></li>
					<li><p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<input type="checkbox" id="checkbox1"/></p></li>
					<li><p>Nulla consequat massa quis enim.<input type="checkbox" id="checkbox1"/></p></li>
				</ul>
			</li>
		</ul>
	</li>
	<li><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<input type="checkbox" id="checkbox1"/></p>
		<ul>
			<li><p>Aenean commodo ligula eget dolor.<input type="checkbox" id="checkbox1"/></p></li>
			<li><p>Aenean massa.<input type="checkbox" id="checkbox1"/></p>
				<ul>
					<li><p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<input type="checkbox" id="checkbox1"/></p></li>
					<li><p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<input type="checkbox" id="checkbox1"/></p></li>
					<li><p>Nulla consequat massa quis enim.<input type="checkbox" id="checkbox1"/></p></li>
				</ul>
			</li>
		</ul>
	</li>
	<li><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<input type="checkbox" id="checkbox1"/></p>
		<ul>
			<li><p>Aenean commodo ligula eget dolor.<input type="checkbox" id="checkbox1"/></p></li>
			<li><p>Aenean massa.<input type="checkbox" id="checkbox1"/></p>
				<ul>
					<li><p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<input type="checkbox" id="checkbox1"/></p></li>
					<li><p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<input type="checkbox" id="checkbox1"/></p></li>
					<li><p>Nulla consequat massa quis enim.<input type="checkbox" id="checkbox1"/></p></li>
				</ul>
			</li>
		</ul>
	</li>
	
<li><p>Duis leo.<input type="checkbox" id="checkbox1"/></p></li>

</ul>

<div> <button id="button-del">Удалить выбранные элементы</button>


Пытаюсь удалить выделенные чекбоксами ветки с помощью

//Удаление отмеченных чекбоксов
	$("#button-del").click(function(){
	
		 $('li:has(input:checked)').addClass('to-del');
		 
		 $('li.to-del').detach();
		
		
	});


Но он почему-то если выделен вложенный список, удаляет всю родительскую ветку. Как это можно исправить?

Удалять нужно только выделенные чекбоксом элементы списка.
Ответить с цитированием