|
Сообщение от brokenwind
|
|
как заставить JS target'ом захватить div
|
Как вариант...
<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
ul {
padding: 10px;
border: 1px solid;
}
li {
margin: 10px;
border: 1px solid;
}
</style>
<script type='text/javascript'>
window.onload=function (){
document.addEventListener('click', function (e) {
e = e || window.e;
var target = e.target || e.srcElement;
var data;
if (target.className=='one') {data=target.parentNode};
if (target.className=='two') {data=target.parentNode.parentNode};
if (data) {
alert(data.getAttribute('data-property'));
};
}, false);
};
</script>
</head>
<body>
<div id='test' data-property='yes'>
<ul class='one'>
<li class='two'>"new"</li>
<li class='two'>"fuck"</li>
<li class='two'>"there"</li>
<li class='two'>"death"</li>
<li class='two'>"new"</li>
<li class='two'>"new"</li>
<li class='two'>"oo"</li>
</ul>
</div>
</body>
</html>