javascript - 将页面上的特定单词大写

标签 javascript jquery html css

我有一个带有大量 CRUD 页面的典型 MVC3 应用程序。在这些页面中,有很多带有 Id 列的列表......客户今天告诉我,他们总是希望看到“ID”而不是“Id”,但这些字段通常更完全限定(即:“Job Id”或某事)

有没有一种方法,使用 css 只转换文本的“Id”部分(全部大写)而不添加任何额外的 html?

我认为部分解决方案涉及这个伪类:div:contains("Id ") 但我不确定它是否可行...

此外,我不介意使用 jquery 执行此操作,但我正在尝试尽量减少重构。

最佳答案

基于这里的其他答案是具有有效替换的简短版本:

$("h3").text(function() {
    return $(this).text().replace(/\b(id)\b/gi, "ID");
});​

演示: http://jsfiddle.net/bcAyP/

关于javascript - 将页面上的特定单词大写,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10855709/

相关文章:

javascript - JS 数组值绑定(bind)到现有数组

jquery - Controller 操作可以通过 jQuery post 返回 void 吗?

html - 电话号码链接在 Samsung Galaxy S8 上的 Chrome 中打开空白页面

JavaScript - 尝试访问数组但未定义

javascript - 如何获取js文件中的pem文件

javascript - 调用回调中定义的函数

Jquery token 输入 : Turning a belongs_to select menu into the token field

jquery - 如何限制 Bootstrap 时间选择器的最短时间和最长时间?

javascript - 使用 jQuery 从下拉菜单中删除项目不起作用

javascript - 使用 Select Option 下拉菜单的 jQuery Multiple Star Rating 系统