如何在WordPress站点中用jQuery选择含数字/以数字开头的td？

嘿，我来帮你搞定这个表格类名添加的问题！你之前用:nth-child定位特定列的思路没问题，现在要根据内容筛选含数字或以数字开头的<td>，用jQuery的filter()方法配合正则表达式就能完美解决。

下面是针对你需求的代码，分两种场景供你选择：

场景1：匹配以数字开头的<td> #

适合你需要精准定位开头是数字的单元格：

// 注意：WordPress中建议用jQuery别名，或者包裹在ready函数里
jQuery(document).ready(function($) {
  // 选中第几 conventionally�g falls
 signEnsureSMorgen选择 dev********以数字开头的元素
  $("td:nth-child(5)").not("td:empty").filter(function() {
    // 去除文本前后空格后，匹配开头为数字的内容
    return /^\d/.test($(this).text().trim());
  }).addClass("wine-currency");
});

场景2：匹配包含任意数字的<td> #

如果只要单元格里有数字（不管位置）就需要选中，把正则换成这个：

jQuery(document).ready(function($) {
  $("td:nth-child(5)").not("td:empty").filter(function() {
    // 匹配内容中包含任意数字的情况
    return /\d/.test($(this).text().trim());
  }).addClass("wine-currency");
});

• filter()：遍历选中的每个<td>，返回true的元素会被保留下来继续操作
• trim()：去除单元格文本前后的空格，避免空格干扰正则匹配结果
• 正则说明：
  • ^\d：^表示字符串起始位置，\d匹配0-9的任意数字，组合起来就是“以数字开头”
  • \d：单独使用时，只要文本里存在任意数字就会匹配

WordPress默认会把jQuery设置为无冲突模式，也就是不能直接用$作为别名，所以建议把代码包裹在jQuery(document).ready(function($) { ... })里，这样在函数内部就能正常用$了。

内容的提问来源于stack exchange，提问作者Peter Jensen