最近做项目中要用到获取所点击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>