Тема: remove() jquery
Показать сообщение отдельно
  #25 (permalink)  
Старый 15.01.2015, 14:33
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Officeoff.ru, жмите по второй вкладке и смотрите результат у себя и тут (нет this.closest - это вас jquery вас спасает, она офигевает от undefined, но пытается выдать результат)
рабочий код ...
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<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 = $(".str",$(this).closest(".taber")).index($(this).closest(".str"));
		$(".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'>
			Строка 2 - Вкладка 1
			<div class='dop_str'>
				<div class='del_base'>del</div>
			</div>
		</div>
		<div class='str'>
			Строка 3 - Вкладка 1
		</div>
	</div>
	<br>
	<div class='taber' style='border: 1px solid red;'>
		<div class='str'>
			Строка 1 - Вкладка 2
			<div class='dop_str'>
				<div class='del_base'>del</div>
			</div>
		</div>
        <div class='str'>
			Строка 2 - Вкладка 2
			<div class='dop_str'>
				<div class='del_base'>del</div>
			</div>
		</div>
		<div class='str'>
			Строка 3 - Вкладка 2
		</div>
	</div>
</div>
</body>
</html>
Ответить с цитированием