Показать сообщение отдельно
  #9 (permalink)  
Старый 31.01.2015, 21:39
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от veltony
А как вывести за пределы <div> никак не получается.
Если использовать общий класс - можно навесить обработчик на все элементы такого класса.

Пример...

<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
.test {
	width: 100px;
	height: 100px;
	display: inline-block;
	border: 1px solid;
}
</style>
<script type='text/javascript'>
$(function () {
	$('.test').click(function () {
		this.parentNode.removeChild(this);
	});
});
</script>
</head>
<body>
<div class='test'>0</div>
<div class='test'>1</div>
<div class='test'>2</div>
<div class='test'>3</div>
<div class='test'>4</div>
<div class='test'>5</div>
</body>
</html>

Последний раз редактировалось ksa, 31.01.2015 в 22:06.
Ответить с цитированием