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>