html - 查找没有任何HTML标记包围的文本

嗨，我有一个非常独特的要求。我需要从一个div中找出一个没有被任何标记包围的文本，然后一旦有了它，我就需要用一个div包围它，并给它一个CSS类。
例如：

<div class="pagingCss" id="footer">
    <a href="/XXX/Home/Results?page=1">1</a>
    <a href="/XXX/Home/Results?page=6">6</a>
    7
    <a href="/XXX/Home/Results?page=8">8</a>
</div>

所以我希望我的代码能够找到这个数字7（在本例中），然后用一个span标记和一个类似于：

<div class="pagingCss" id="footer">
    <a href="/XXX/Home/Results?page=1">1</a>
    <a href="/XXX/Home/Results?page=6">6</a>
    <span class="someClass">7</span>
    <a href="/XXX/Home/Results?page=8">8</a>
</div>

我所做的一切都是因为我只是不能为无标签的文本得到正确的间距，你可以在附加的截图中看到
链接到屏幕截图：http://yassershaikh.com/wp-content/uploads/2012/02/paging.png

最佳答案

你可以试试这个

var footer = document.getElementById("footer");
var nodes=footer.childNodes;
for(i=0;i<nodes.length;i++)
{
    if(parseInt(nodes[i].nodeValue)>0)
    {
        var span = document.createElement("span")
        span.setAttribute("class","active");
        span.appendChild(document.createTextNode(nodes[i].nodeValue));
        footer.replaceChild(span , nodes[i]);
    }
}

这是一把小提琴。

关于html - 查找没有任何HTML标记包围的文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9360282/