jquery遍历dom怎么获取值

本帖最后由 u013891642 于 2014-03-04 09:52:47 编辑

解决方案 »

  1.   

    你的 文本可以用个 span标签包起来 然后用$("ul li span").text()就可以获取了吧
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml1.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
    <title>Example</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 

    </head>
    <body>
    <div style="margin-top:100px; margin-left:200px;" id="plugins2">
                <ul>
                    <li>
                       大分类1
                        <ul>
                            <li>
                               小分类
                                <ul>
                                    <li>
                                       小分类1
                                    </li>
                                    <li>
                                     小分类2
                                    </li>
                                    <li>
                                     小分类3
                                        <ul>
                                            <li>
                                                小分类内容1
                                            </li>
                                            <li>
                                            小分类内容2
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li>
                               大分类2
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        <script type="text/javascript">
        var dafenlei = '';
    $(function(){
    var ul = $("#plugins2 li");
    console.log(ul)
    for(var i =0;i<1;i++){
    var type = ul[i].textContent;
    type = type.replace(/\s+/g,' ');
    dafenlei = type

    }
    console.log(dafenlei);
    });
    </script>
    </body>
    </html>
      

  3.   

    http://www.w3school.com.cn/jquery/jquery_traversing.asp
      

  4.   


    $('#plugins2 ul li').each(function(index,element){
       var text=$(element).text()
       if(text.indexOf('大分类')>-1){
          console.log(element)
       }
    })
      

  5.   

    $(function(){
    var arr=[];
    $("#plugins5>ul>li>ul>li").each(function(index, element) {
    var textNode=this.firstChild;
                    arr.push($.trim(textNode.nodeValue));
                });
    alert(arr);//小分类,大分类2
    })
      

  6.   


    好方法。。我竟然没想到把他看成xml来解析
      

  7.   

    原理一样,使用.map()方法参考:
    $(function(){ 
                var dafenlei = $("#plugins5>ul>li>ul>li").map(function(){ 
                    return this.firstChild.nodeValue;
                }).get(); 
                alert(dafenlei.join(','));
            });