Jquery简单问题.获取span里值

<div class="warpper">
<span class="content">A<span>123</span></span>
</div>
请问，怎么获取到 "A"值,

解决方案 »

  1.   


    $(".content").text().replace($(".content").children().text(),'');
      

  2.   


    $(function(){
    var html = $(".content").html();
    var val = html.substring(0, html.indexOf("<"));
    alert(val);
      })
      

  3.   


    $('.content span').text()
      

  4.   

    两种思路 
    1.一种走dom方向$(".content")[0].firstChild.data;
    2.另一种走contents方向(如果用children保证你娶不到) $('.content').contents("[nodeType=3]").text();
    3.其他....(要走一些弯路了)
      

  5.   


    那如果是 “<span class="content"><span>123</span>A</span>”呢 ？
    你试试
      

  6.   

    第一个子节点是文本节点吧。
    x.firstChild.nodeValue可以取。
      

  7.   

    $('.content').contents("[nodeType=3]").text();
      

  8.   

    <html>
    <head>
    <title></title>
    </head>
    <body>
    <span id="sp">A<span>123</span></span>
    <script type="text/javascript" language="javascript">
    window.onload=function(){
    var span=document.getElementById("sp");
    alert(span.firstChild.nodeValue);
    }
    </script>
    </body>
    </html>
    建议尽量不要通过class的值来获取指定的dom，因为class主要的作用是来设置标签的样式的，很可能在一个页面中，会有N个标签会用到同一个class，你能保证根据class就一定能取到你想要的那个span吗？这种用法非常容易出错。
    而id才应该是唯一标识一个dom的。对于此例，span.firstChild是一个TextNode，可以使用它的nodeValue获取该值
      

  9.   

    $(".content")[0].firstChild.data
    即可