javascript获取当前<ul>中点击的<li> 的值

我的代码如下：
<ul id="parent">
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
我想写一段javascript function来获取当前点击的<ul>中<li>的值，并alert();

第1个回答 2010-09-19

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>

第2个回答推荐于2017-12-20

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);
}
}本回答被提问者采纳

第3个回答 2017-12-20

$(document).on('click', '.searchCon ul li', function() {
var thisText = $(this).text();
var index=$(this).index();
alert()
$(this).parents('ul').hide();
$('.searchInput').val(thisText);

});

第4个回答 2010-09-19

<!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给你做了一个，你看一下吧！
（北京八方永信教育）

相似回答

js获取当前点击的<li>的值答：var newUl = document.createElement("ul");newUl.className = "ul1";for(j = 0 ; j < num ; j++){ var newLi = document.createElement("li");newLi.className = "li1";newLi.id = "li" + (i*num + j);flag = 0;for(k = 0 ; k < num ; k++){ if(bombs[k] == ...

大家正在搜

javascript自动点击 javascript点击按钮执行 html javascript js和javascript mdn javascript javascript javascript函数调用 js点击事件onclick javascript提交表单