2 qq 25365345 qq_25365345 于 2016.09.06 12:17 提问

js点击获取li中a表签的值
  <ul id="parent">
                    <li><a>Tree</a>             
                        <ul>
                           <li><a href="#" >7777777777777</a></li>
                            <li><a href="#">2222222222</a></li>
                            <li><a href="#">333333333</a></li>
                            <li><a href="#">4444444444</a></li>
                        </ul>
                    </li>
                </ul>

点击第一个li是获取所有a标签的值,下面 的获取单个的值和第一个的值,怎么做,我现在之能获取单个值 不知道怎么判断第一个点击的是Tree获取所有的值

6个回答

u012841667
u012841667   2016.09.06 15:10
已采纳

图片说明


u013829202
u013829202   Rxr 2016.09.06 12:49

怎么不用jq。在第一个li设置个id为tree $("#tree a ")获取所以tree下所以得a。 想得到每个可以用each

qq_35260622
qq_35260622   2016.09.06 13:03

<!DOCTYPE html>

<head>
    <meta charset="UTF-8">
    <title></title>
</head>

<body>
    <ul id="parent">
        <li>
            <a>Tree</a>
            <ul id="child">
                <li>
                    <a href="#">7777777777777</a>
                </li>
                <li>
                    <a href="#">2222222222</a>
                </li>
                <li>
                    <a href="#">333333333</a>
                </li>
                <li>
                    <a href="#">4444444444</a>
                </li>
            </ul>
        </li>
    </ul>
    <script>
        function filterSpace(parent) {
            var nodes = parent.childNodes;
            for(var i = 0; i < nodes.length; i++) {
                if(nodes[i].nodeType == 3) {
                    nodes[i].parentNode.removeChild(nodes[i])
                }
            }
            return nodes;
        }
        var ul1 = document.getElementById("parent");
        var ul2 = document.getElementById("child");
        //去除空白字符
        filterSpace(ul1);
        filterSpace(ul2);
        console.log(ul1.childNodes.length);
        console.log(ul2.childNodes.length);

        ul1.onclick = function() {
            /*console.log(ul1.childNodes[0].childNodes[1].firstChild.nodeValue);
            for(var i = 0; i < 4; i++) {
                console.log(ul2.childNodes[i].childNodes[1].firstChild.nodeValue);
            }*/
            alert(ul1.childNodes[0].childNodes[1].firstChild.nodeValue);
            for(var i = 0; i < 4; i++) {
                alert(ul2.childNodes[i].childNodes[1].firstChild.nodeValue);
            }
        };
    </script>
</body>

fu415037685
fu415037685   2016.09.06 13:20

在js后面加上 id值 或者 . first()

u012841667
u012841667   2016.09.06 15:05

<!DOCTYPE html>



cnsd window.onload = function(){ var id = document.getElementById("parent"); var lis = id.getElementsByTagName('li'); for(var i=0;i<lis.length;i++){ lis[i].onclick = function(event){ if(event.stopPropagation){ event.stopPropagation(); }else{ event.cancelBubble=true; } alert(this.innerText); } } };



u012841667
u012841667   2016.09.06 15:06

<!DOCTYPE html>



cnsd window.onload = function(){ var id = document.getElementById("parent"); var lis = id.getElementsByTagName('li'); for(var i=0;i<lis.length;i++){ lis[i].onclick = function(event){ if(event.stopPropagation){ event.stopPropagation(); }else{ event.cancelBubble=true; } alert(this.innerText); } } };



Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!