Javascript.RU

Получить следующий элемент 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>

Посмотреть пример

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

<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>

Посмотреть пример

+2

Автор: Гость (не зарегистрирован), дата: 23 октября, 2013 - 00:07
#permalink

Очень помогло, спасибо что выложили


Отправить комментарий

Приветствуются комментарии:
  • Полезные.
  • Дополняющие прочитанное.
  • Вопросы по прочитанному. Именно по прочитанному, чтобы ответ на него помог другим разобраться в предмете статьи. Другие вопросы могут быть удалены.
    Для остальных вопросов и обсуждений есть форум.
P.S. Лучшее "спасибо" - не комментарий, как все здорово, а рекомендация или ссылка на статью.
Содержание этого поля является приватным и не предназначено к показу.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Разрешены HTML-таги: <strike> <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <u> <i> <b> <pre> <img> <abbr> <blockquote> <h1> <h2> <h3> <h4> <h5> <p> <div> <span> <sub> <sup>
  • Строки и параграфы переносятся автоматически.
  • Текстовые смайлы будут заменены на графические.

Подробнее о форматировании

CAPTCHA
Антиспам
1 + 7 =
Введите результат. Например, для 1+3, введите 4.
 
Поиск по сайту
Другие записи этого автора
seoneo
Содержание

Учебник javascript

Основные элементы языка

Сундучок с инструментами

Интерфейсы

Все об AJAX

Оптимизация

Разное

Дерево всех статей

Популярные таги
Последние комментарии
Последние темы на форуме
Forum