Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Find Parent Id</title>
<script type="text/javascript">
function assignClickEvent(){
var links = document.links;
for(var i =0; i < links.length; i++){
links[i].onclick = findDivId;
}
};
function findDivId(e) {
var targ;
var dad;
var idx = ['nav'];
var tagx = ['BODY','P','LI','A'];
e = e || window.event;
var targ = e.target || srcElement;
var clickedRef = targ.href;
while((targ = targ.parentNode) && targ.id && tagx.indexOf(targ.nodeName) == -1) {
//targ = targ.parentNode;
}
dad = targ;
/*
if (targ.parentNode.id != '') {
dad = targ.parentNode;
} else if (targ.parentNode.parentNode.id != '') {
dad = targ.parentNode.parentNode;
} else if (targ.parentNode.parentNode.parentNode.id != '') {
dad = targ.parentNode.parentNode.parentNode;
} else if (targ.parentNode.parentNode.parentNode.parentNode.id != '') {
dad = targ.parentNode.parentNode.parentNode.parentNode;
}
*/
if (dad) {
//if(idx.indexOf(dad.id) == -1){
alert(dad.id + ' ' + dad.tagName + ' ' + clickedRef);
//}
};
return false;
};
window.onload = assignClickEvent;
</script>
</head>
<body id="page">
<div id="main">
<h2>Header</h2>
<div>
<ul id="blah2">
<li><a href="scot.html">Scotiabank</a> (6)</li>
<li><a href="mon.html">Bank of Montreal</a> (3)</li>
<li><a href="cibc.html">CIBC</a> (3)</li>
<li id="blah1"><a href="canada.html">National Bank of Canada</a> (2)</li>
</ul>
</div>
<h2>Main</h2>
<ul id="nav">
<li><a href="scot.htm">Scotiabank</a> (6)
<ul id="nav-sub">
<li id="cib-sub"><a href="scot.html">Scotiabank</a> (6)</li>
<li><a href="mon.html">Bank of Montreal</a> (3)</li>
<li><a href="canada.html">National Bank of Canada</a> (2)</li>
</ul></li>
<li><a href="mon.html">Bank of Montreal</a> (3)</li>
<li><a href="cibc.html">CIBC</a> (3)</li>
<li><a href="canada.html">National Bank of Canada</a> (2)</li>
</ul>
</div>
<h2>Footer</h2>
<ul>
<li><a href="scot.html">Scotiabank</a> (6)</li>
<li><a href="mon.html">Bank of Montreal</a> (3)</li>
<li><a href="cibc.html">CIBC</a> (3)</li>
<li><a href="canada.html">National Bank of Canada</a> (2)</li>
</ul>
</body>
</html>