如何在jQuery.load(html)之后选择jQuery.Treeview中的当前元素

Question

我在sample.HTML文件中有这样的HTML代码：

<ul id='topics' class='filetree'>
<li><span class='folder'><a href='?Lang=en&TopicID=#'>Topics</a></span>
<ul>
<li><span class='folder'><a href='?Lang=en&TopicID=1'>Topic 1</a></span>
<ul>
<li><span class='file'><a href='?Lang=en&TopicID=1.1'>Topic 1.1</a></span></li>
<li><span class='file'><a href='?Lang=en&TopicID=1.2'>Topic 1.2</a></span></li>
<li><span class='file'><a href='?Lang=en&TopicID=1.3'>Topic 1.3</a></span></li>
</ul>
</li>

使用JQuery.load我加载html文件以生成Treeview

<div id="LtrLeftContent">
     <script language="javascript" type="text/javascript">
         $('#LtrLeftContent').load('sample.html', function () {
                $("#topics").treeview();
         });
     </script>
</div>

第一个问题：如何查找当前节点文本。何时单击树节点
第二个问题：如何查找父节点+当前节点文本。何时单击树节点
第三个问题：如何将CSS设置到节点中。何时单击树节点？

经过几次尝试，我得到了当前元素

$("li span").click(function () {
    alert($(this).text());
});

完整代码，如以下

<div id="LtrLeftContent">
        <script language="javascript" type="text/javascript">  
            $('#LtrLeftContent').load('sample.html', function () {  
                $("#topics").treeview();  
                $("li span").click(function () {  
                    alert($(this).text());  
                });  
            });                 
        </script>  
</div>  

Answer 1

$('a').live('click', function (e) {
    e.preventDefault();
    console.log($(e.currentTarget).text());
    console.log($(e.currentTarget).closest('.folder').text());
    // didn't quite get your last question
    // but this is how you would manipulate 
    // the current elements parent list item
    $(e.currentTarget).parents('li').css({
        'background-color': '#000'
    });
    return false;
});