javascript获取当前<ul>中点击的<li> 的值
我的代码如下：<ulid="parent"><li>a</li><li>b</li><li>c</li></ul>我想写一段javascriptfunction来获取当前...
我的代码如下：
<ul id="parent">
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
我想写一段javascript function来获取当前点击的<ul>中<li>的值，并alert(); 展开
<ul id="parent">
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
我想写一段javascript function来获取当前点击的<ul>中<li>的值，并alert(); 展开
4个回答
展开全部
1楼正解 我替楼主试过了
<html><head><title></title></head>
<body onload="ons()">
<ul id="parent">
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
</body>
<script>
function ons(){
var ul = document.getElementById('parent');
var lis = ul.getElementsByTagName('li');
for(var i=0;i<lis.length;i++){
lis[i].onclick = function(){
alert(this.innerHTML);
}
}
}
</script>
</html>
<html><head><title></title></head>
<body onload="ons()">
<ul id="parent">
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
</body>
<script>
function ons(){
var ul = document.getElementById('parent');
var lis = ul.getElementsByTagName('li');
for(var i=0;i<lis.length;i++){
lis[i].onclick = function(){
alert(this.innerHTML);
}
}
}
</script>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var ul = document.getElementById('parent');
var lis = ul.getElementsByTagName('li');
for(var i=0;i<lis.length;i++){
lis[i].onclick = function(){
alert(this.innerHTML);
}
}
var lis = ul.getElementsByTagName('li');
for(var i=0;i<lis.length;i++){
lis[i].onclick = function(){
alert(this.innerHTML);
}
}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(document).on('click', '.searchCon ul li', function() {
var thisText = $(this).text();
var index=$(this).index();
alert()
$(this).parents('ul').hide();
$('.searchInput').val(thisText);
});
var thisText = $(this).text();
var index=$(this).index();
alert()
$(this).parents('ul').hide();
$('.searchInput').val(thisText);
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<ul id="parent">
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
<script type="text/javascript">
$(document).ready(function(){
$("#parent li").click(function(){
var val=$(this).text();
alert(val);
});
});
</script>
</body>
</html>
我用JQUERY给你做了一个，你看一下吧！
（北京八方永信教育 ）
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<ul id="parent">
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
<script type="text/javascript">
$(document).ready(function(){
$("#parent li").click(function(){
var val=$(this).text();
alert(val);
});
});
</script>
</body>
</html>
我用JQUERY给你做了一个，你看一下吧！
（北京八方永信教育 ）
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
