Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   как сохранить DOM объект, подлежащий изменению? (https://javascript.ru/forum/jquery/59454-kak-sokhranit-dom-obekt-podlezhashhijj-izmeneniyu.html)

рони 12.11.2015 22:54

pnpquest,
скажу больше: у вакуумного коня даже метода append может не быть, но в целом с вами согласен, то что определено когда-то, нет нужды определять снова.

ksa 13.11.2015 08:37

Цитата:

Сообщение от Floyd
вот представь

Зачем что-то "представлять"? :D
Просто сделай тестовый пример, как я - сразу все и прояснится. ;)

Floyd 13.11.2015 11:33

парни, всё что написано выше - предельно ясно. вы сохранили this, послали аякс (не меняющий дом) и приаппендили через фактически, this, потому что DOM не изменился.
я же объяснил в первом посте: окно с редактированием я получаю аяксом, делаю аппенд к боди, при нажатии в нем сохранить и отправке формы аяксом это окно вырезается из DOM. а вот после этого я меняю табличку.
вопрос конкретно в следующем: как сохранить this любого элемента DOM (в моем случае таблицы), чтобы при смене DOM (но элемент, в моем случае таблица, гарантированно останется) обратиться к элементу напрямую?

рони 13.11.2015 11:37

Floyd,
если элемента нет -- к нему нельзя сделать ссылку заранее.(делегирование тут тоже не поможет, если нужен сам элемент, которого нет)

Floyd 13.11.2015 11:48

элемент есть. сохранил его в переменную.
приаппендил еще ряд дивов снизу. дом изменился? видимо, да.
что произошло с элементом? остался на странице. а в переменной его уже нет. верно?

ksa 13.11.2015 15:30

Floyd, если элемент остается (именно тот же элемент) на странице, при любых ее изменениях - ссылка как была на него, так и останется.

Тестовые примеры, я так понял, ты делать не собираешься... Так и будешь на пальцах пытаться чего-то объяснять? :D

ksa 13.11.2015 15:33

Цитата:

Сообщение от Floyd
вот представь, мы сейчас делаем $(document.body).append("<div>новое окно</div>").
а после этого alert(obj.innerHTML)
будет ли после аппенда в obj тот самый li?

Попробовать самостоятельно ты так и не удосужился... :(

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('li').click(function(){
		var obj=this;
		$(document.body).append("<div>новое окно</div>");
		setTimeout(function(){
			alert(obj.innerHTML);
		},1000);
	});
})
</script>
</head>
<body>
<ul>
	<li>0</li>
	<li>1</li>
	<li>2</li>
	<li>3</li>
</ul>
</body>
</html>

Floyd 13.11.2015 16:51

ksa, спасибо за помощь.
почему не делаю пример - боязнь ошибиться в кавычках, незнание как его отладить здесь на форуме и тп.
думал, объяснить на пальцах можно и получить ответ от знающих изнутри. мой пробел - я плохо знаю как происходит работа с DOM, когда и как он перестраивается и тд. нужно сесть вкурить ртфм один раз, исправлюсь.
всё же: я правильно понял, что при любых аппендах-препендах у меня не андефайнётся obj? даже если врутрь твоего li динамически добавить span? сейчас не агитирую к созданию примера, прошу подсказать где почитать доходчиво про перестройку DOM и потерю объектов.
еще раз спасибо! :thanks:

ksa 16.11.2015 08:55

Цитата:

Сообщение от Floyd
я правильно понял, что при любых аппендах-препендах у меня не андефайнётся obj? даже если врутрь твоего li динамически добавить span?

Да хоть гром с неба... :D
Пока на странице есть именно этот элемент, в переменной будет ссылка именно на него. :yes:

рони 16.11.2015 09:04

Цитата:

Сообщение от ksa
Пока на странице есть именно этот элемент

можно даже удалить :)
Цитата:

Сообщение от ksa
в переменной будет ссылка именно на него.



Часовой пояс GMT +3, время: 20:45.