jQuery如何把div里面的文字去掉，其他标签保留？

获得div的引用，获得其子节点的集合，遍历子节点判断节点类型是否是文本，是则删除。

解决方案 »

  1.   

    取到div对象，然后遍历child，如果tagName不是文本的话删除
      

  2.   

    var tmp=$("div").children().clone();
    $("div").html('').append(tmp);
      

  3.   

    将文字以变量存储，直接修改变量，然后显示。或者检测div内的内容，如果不为“”，则以“”代之
      

  4.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title></title>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script type="text/javascript">
            function test() {
                var $children = $("#divTest").children();
                $("#divTest").empty().append($children);
            }
        </script>
    </head>
    <body>
        <div id="divTest" >abcd<span>test</span><a href="#">test</a></div>
        <br /><br />
        <input type="button" onclick="test()" value="去掉div中的abcd" />
    </body>
    </html>
      

  5.   

    var divSPan = $("div > span");
    var divA = $("div > a");$("div").html("");
    $("div").append(divSPan);
    $("div").append(divA);
      

  6.   

    <div>
    abcd
    <span>test</span>
    <a href="#">test</a>
    </div>
    <script>
    var div = $('div')[0],
    childs = div.childNodes;
    for(var i = 0; i < childs.length; i++){
    childs[i].nodeType === 3 && (childs[i].nodeValue = "\n");
    }
    </script>
      

  7.   

    你好阿里山的减肥立法松岛枫拉松岛枫就法拉盛就法拉盛放辣椒放辣椒adsl放假ADSL放假啊落实到就法拉盛京东方乐尽哀生领导房间阿佛发了萨达甲方按时交地方阿拉斯加费加拉大房间挨了甲方