nagon.net - бесплатная поставка трафика на ваши сайты
Логин:
Пароль:
Регистрация





Убрать рекламу с сайта чтобы не мешала!

Получить следующий элемент javascript получить предыдущий элемент. Получение содержимого смежных тэгов, элементов.

Иногда требуется получить содержимое следующего либо предыдущего элемента.

Вот пример как это делается


<script type="text/javascript" src="http://scriptjava.net/source/scriptjava/scriptjava.js"></script>

<div>
<div>текст 1</div>
<div onclick="before(this);">Получить содержимое предыдущего элемента</div>
<div>2</div>
<div onclick="after(this);">Получить содержимое следующего элемента</div>
<div>текст2</div>
</div>


<script type="text/javascript">

function after(th) {
alert($$(th).$$next().$$html());
}

function before(th) {
alert($$(th).$$prev().$$html());
}

</script>


пример:
http://learn.javascript.ru/play/hXJhnb

Чтобы убедиться что смежный элемент существует нужно выполнить небольшую проверку:


<script type="text/javascript" src="http://scriptjava.net/source/scriptjava/scriptjava.js"></script>

<div>
<div onclick="before(this);">Получить содержимое предыдущего элемента</div>
2
<div onclick="after(this);">Получить содержимое следующего элемента</div>
</div>

<script type="text/javascript">

function after(th) {
if($$(th).$$next()==null) {
alert('После этого тега тегов не найдено');
}
else {
alert($$(th).$$next().$$html());
}
}

function before(th) {
if($$(th).$$prev()==null) {
alert('Перед этим тегом тегов не найдено');
}
else {
alert($$(th).$$prev().$$html());
}
}

</script>


пример:
http://learn.javascript.ru/play/kKilTb

Более подробную информацию смотрите в документации http://scriptjava.net/documentation

Вас зовут:

Ваш комментарий:


Код на картинке: