Тема: remove() jquery
Показать сообщение отдельно
  #21 (permalink)  
Старый 15.01.2015, 13:20
Аспирант
Отправить личное сообщение для Officeoff.ru Посмотреть профиль Найти все сообщения от Officeoff.ru
 
Регистрация: 14.03.2014
Сообщений: 64

Ну немного неправильно сверстал, поэтому не совсем то что нужно убирает. Но суть ясна )))
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('#inner_base').on('click', '.del_base', function() {
		var i = $('.del_base',this.closest).index(this);
		$(".str:eq("+i+")", ".taber").hide();
	});
});
</script>
</head>
<body>
<div id='inner_base'>
	<div class='taber' style='border: 1px solid red;'>
		<div class='str'>
			Строка 1 - Вкладка 1
			<div class='dop_str'>
				<div class='del_base'>del</div>
			</div>
		</div>
		<div class='str'>
			Строка 1 - Вкладка 2
		</div>
	</div>
	<br>
	<div class='taber' style='border: 1px solid red;'>
		<div class='str'>
			Строка 2 - Вкладка 1
			<div class='dop_str'>
				<div class='del_base'>del</div>
			</div>
		</div>
		<div class='str'>
			Строка 2 - Вкладка 2
		</div>
	</div>
</div>
</body>
</html>

А вы не подскажите как вы вставляете код, что его сразу на сайте в браузере можно выполнить?

Последний раз редактировалось Officeoff.ru, 15.01.2015 в 14:04.
Ответить с цитированием