javascript获取当前<ul>中点击的<li> 的值
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript获取当前<ul>中点击的<li> 的值相关的知识，希望对你有一定的参考价值。
我的代码如下：
<ul id="parent">
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
我想写一段javascript function来获取当前点击的<ul>中<li>的值，并alert();
<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> 参考技术B 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);
本回答被提问者采纳 参考技术C $(document).on('click', '.searchCon ul li', function()
var thisText = $(this).text();
var index=$(this).index();
alert()
$(this).parents('ul').hide();
$('.searchInput').val(thisText);
); 参考技术D <!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给你做了一个，你看一下吧！
（北京八方永信教育 ）
jQuery判断当前元素是第几个元素&获取第N个元素
jQuery判断当前元素是第几个元素&获取第N个元素
假设有下面这样一段HTML代码：
<ul>
<li>jQuery判断当前元素是第几个元素示例</li>
<li>jQuery获取第N个元素示例</li>
<li>jQuery选择器示例</li>
</ul>
jQuery判断当前元素是第几个元素
如果我们点击任何一个li标签，想知道当前点击的是第几个li标签，可以使用下面的代码：
$("ul li").click(function () {
var index = $("ul li").index(this);
alert(index);
});
jQuery 获取第N个元素
同理，如果我们要获取第二li标签元素，可以使用下面的代码
var element=$("ul li").eq(1);
alert($(element).html());
以上是关于javascript获取当前<ul>中点击的<li> 的值的主要内容，如果未能解决你的问题，请参考以下文章