js 哪个ul下的li
来源:学生作业帮 编辑:作业帮 分类:综合作业 时间:2024/05/31 02:03:39
js 哪个ul下的li
a1 a2
b1 b2
c1 c2
如何获取li的值,并且
a=a1或a2;
b=b1或b2;
c=c1或c2;
点击a1,a=a1;点击a2,a=a2;
同理点击b1 ,b=b1;点击b2,b=b2;...
a1 a2
b1 b2
c1 c2
如何获取li的值,并且
a=a1或a2;
b=b1或b2;
c=c1或c2;
点击a1,a=a1;点击a2,a=a2;
同理点击b1 ,b=b1;点击b2,b=b2;...
<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8 />
<title>recursion</title>
<script type="text/javascript">
\x09var a, b, c;
window.onload = function ()
{
\x09 var us = document.getElementsByTagName ('ul');
\x09 for ( var m = 0; m < us.length; m++)
\x09 {
\x09\x09 var as = us[m].getElementsByTagName ('li');
\x09\x09 for ( var i = 0; i < as.length; i++)
\x09\x09 {
\x09\x09\x09 as[i].index = m;
\x09\x09\x09 as[i].onclick = function ()
\x09\x09\x09 {
\x09\x09\x09\x09 switch (this.index)
\x09\x09\x09\x09 {
\x09\x09\x09\x09\x09 case 0:
\x09\x09\x09\x09\x09\x09 a = this.childNodes[0].nodeValue;
\x09\x09\x09\x09\x09\x09 break;
\x09\x09\x09\x09\x09 case 1:
\x09\x09\x09\x09\x09\x09 b = this.childNodes[0].nodeValue;
\x09\x09\x09\x09\x09\x09 break;
\x09\x09\x09\x09\x09 case 2:
\x09\x09\x09\x09\x09\x09 c = this.childNodes[0].nodeValue;
\x09\x09\x09\x09\x09\x09 break;
\x09\x09\x09\x09\x09 default:
\x09\x09\x09\x09\x09\x09 break;
\x09\x09\x09\x09 }
\x09\x09\x09\x09 alert ('a = ' + a + ' ; b = ' + b + ' ; c = ' + c);
\x09\x09\x09 }
\x09\x09 }
\x09 }
}
</script>
</head>
<body>
\x09<ul id='u1'>
\x09\x09<li>a1</li>
\x09\x09<li>a2</li>
\x09</ul>
\x09<ul id='u2'>
\x09\x09<li>b1</li>
\x09\x09<li>b2</li>
\x09</ul>
\x09<ul id='u3'>
\x09\x09<li>c1</li>
\x09\x09<li>c2</li>
\x09</ul>
</body>
</html>
再问: 点击a1,a=a1;点击a2,a=a2;
同理点击b1 ,b=b1;点击b2,b=b2;
这样要怎么实现呢?js不太熟,jquery更是不会,还请大神指点
再答: 我已更改
<html>
<head>
<meta charset=UTF-8 />
<title>recursion</title>
<script type="text/javascript">
\x09var a, b, c;
window.onload = function ()
{
\x09 var us = document.getElementsByTagName ('ul');
\x09 for ( var m = 0; m < us.length; m++)
\x09 {
\x09\x09 var as = us[m].getElementsByTagName ('li');
\x09\x09 for ( var i = 0; i < as.length; i++)
\x09\x09 {
\x09\x09\x09 as[i].index = m;
\x09\x09\x09 as[i].onclick = function ()
\x09\x09\x09 {
\x09\x09\x09\x09 switch (this.index)
\x09\x09\x09\x09 {
\x09\x09\x09\x09\x09 case 0:
\x09\x09\x09\x09\x09\x09 a = this.childNodes[0].nodeValue;
\x09\x09\x09\x09\x09\x09 break;
\x09\x09\x09\x09\x09 case 1:
\x09\x09\x09\x09\x09\x09 b = this.childNodes[0].nodeValue;
\x09\x09\x09\x09\x09\x09 break;
\x09\x09\x09\x09\x09 case 2:
\x09\x09\x09\x09\x09\x09 c = this.childNodes[0].nodeValue;
\x09\x09\x09\x09\x09\x09 break;
\x09\x09\x09\x09\x09 default:
\x09\x09\x09\x09\x09\x09 break;
\x09\x09\x09\x09 }
\x09\x09\x09\x09 alert ('a = ' + a + ' ; b = ' + b + ' ; c = ' + c);
\x09\x09\x09 }
\x09\x09 }
\x09 }
}
</script>
</head>
<body>
\x09<ul id='u1'>
\x09\x09<li>a1</li>
\x09\x09<li>a2</li>
\x09</ul>
\x09<ul id='u2'>
\x09\x09<li>b1</li>
\x09\x09<li>b2</li>
\x09</ul>
\x09<ul id='u3'>
\x09\x09<li>c1</li>
\x09\x09<li>c2</li>
\x09</ul>
</body>
</html>
再问: 点击a1,a=a1;点击a2,a=a2;
同理点击b1 ,b=b1;点击b2,b=b2;
这样要怎么实现呢?js不太熟,jquery更是不会,还请大神指点
再答: 我已更改
在没有class ID的情况下如何控制UL下面的li?
html中ul li 布局的问题.
ul li 在dw
CSS+DIV中的UL和LI的问题
这里怎么用js判断 li i标签的个数?
css选择器的问题?:first-child ul下的li可以选中第一个 但是为什么dl下的dd不能选中第一个了?
/* non-IE browsers see this */ #nav ul li>ul, #nav ul ul li>
div+css布局ul li
$(this).find('ul:first li'); jquery用法 ul:first li 是获取第一个ul
CSS里面的div ul li 它们之间是什么样的关系?
dw里ul,li的列表类型怎么定义它们的大小
html中ol,ul,li都是哪几个英语单词的缩写