作业帮 > 综合 > 作业

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;...
<!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更是不会,还请大神指点
再答: 我已更改