<body>
<div id="wrap">
<div id="header">header</div>
<div id="main">
<div id="demo1" style="float:left;width:50%;">
<ul>
<li>
<a class="aa" id='a' href="">aaa</a>
<!-- UL node only needed for children - omit if there are no children -->
<ul>
<li><a class="ab" id="a_1" href="#"> bbb</a></li>
<li><a class="ab" id="a_2" href="#"> ccc</a></li>
</ul>
</li>
</ul>
</div>
<div id="content">www</div>
</div>
</div>
<div id="footer">
footer
</div>
<script type="text/javascript">
$(function () {
$("#demo1").jstree({
"themes": {
"theme": "default",
"dots": true,
"icons": true,
},
"plugins" : [ "themes", "html_data", "ui" ]
});
$('.ab').click(function(){
var id_ab = $(this).attr('id');
var id_aa = $(this).parent().attr('id');
$('#content').html('ab \'s content, ID_ab = ' + id_ab + ' ID_aa = ' + id_aa);
})
});
</script>
</body>
В РЕЗУЛЬТАТЕ получаю след. контент: 'ab 's content, ID_ab = a_1 ID_aa =
undefined
ПОМОГИТЕ В ПОЛУЧЕНИИ ID родителя элемента!!!
ЗАРАНЕЕ СПАСИБО!!!