jQuery获取所点击ul中li的文本值

最近做项目中要用到获取所点击ul中li的文本值，我整理了下jQuery的实现方式，当然javascript中跟其思路一样。

 <div class="con">
        <span>今天是：</span><span><input type="text" id="tresult" /></span>
        <br>
        <ul id="tcontent">
            <li>星期日</li>
            <li>星期一</li>
            <li>星期二</li>
            <li>星期三</li>
            <li>星期四</li>
            <li>星期五</li>
            <li>星期六</li>
        </ul>
        <br>
    </div>

<script type="text/javascript" src="js/2.1.1-jquery.min.js" ></script>
        <script type="text/javascript">
         $(document).ready(function(){

            //方法一：
              $("ul li").each(function(){
                $(this).click(function(){
                    alert($(this).text());
                     $("#tresult").val($(this).text());
                })
                })

                 //方法二：
                /*$('li').click(function(){
                 $("#tresult").val($(this).text());
                })*/

              //方法三：
                $("ul").on("click","li",function(){
                    $("#tresult").val($(this).text());
                })
       })
        </script>