<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 родителя элемента!!!
ЗАРАНЕЕ СПАСИБО!!!