Получить родительский элемент javascript Получить все родительские элементы

Рассмотрим небольшой пример получения родительского элемента:

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

<div>
<div onclick="parent(this);">Получить содержимое родительского элемента</div>
2
<div></div>
</div>

<script type="text/javascript">

function parent(th) {
	if($$(th).$$parent()==null) {
		alert('Родительский элемент не найден');
	}
	else {
  		alert($$(th).$$parent().$$html());
	}
}

</script>

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

Кстати, функции $$parent(1) можно передавать в качестве параметра номер родительского элемента вверх по иерархии DOM относительно текущего.

Благодаря такой возможности, можно получить все родительские элементы:

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

<div>
<div onclick="search(this);">Получить содержимое всех родительских элементов</div>
2
<div></div>
</div>

<script type="text/javascript">

function search(th) {
  var i=1;
  var el=$$(th).$$parent();
  if(el!=null) { alert($$(el).$$html()); }
	while($$(th).$$parent(i+1)!=null) {
      i++;
      el=$$(th).$$parent(i);
      if($$(el).$$html()!=undefined) {
		alert($$(el).$$html());
      }
	}
}

</script>

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