javascript - 另一个元素内的文本和元素的不同样式

Question

我正在尝试为 Asp.Net MVC 中的 WebGrid 元素设置寻呼机的样式。寻呼机看起来像这样:

<td colspan="4">
    <a href="#"><<</a>&nbsp;
    <a href="#">1</a>&nbsp;
    &nbsp;2&nbsp;
    <a href="#">3</a>&nbsp;
    <a href="#">>></a>&nbsp;
</td>

虽然我可以很容易地设置 a 元素的样式，但我在设置“未标记”文本(在本例中为 2)的样式时遇到了问题。有没有一种方法可以只定位/选择文本而不是 anchor 元素？ (JSFiddle 提供)

Answer 1

我不知道有任何 CSS 选择器可以定位文本节点。您可以使用 JavaScript 或 jQuery 将事件链接包装在标签内；然后适本地设计它。这是一个例子:

$(".pagination").contents().filter(function () {
    return this.nodeType === Node.TEXT_NODE && /\d+/.test(this.nodeValue);
}).wrap("<b></b>");

Demo here