1. 程式人生 > >jQuery獲取所點選ul中li的文字值

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>