代码之家 › 专栏 › 技术社区 › Chris McCall

如何使用jquery+css自动突出显示链接文本中的特定字符?

hotkeys user-controls css jquery asp.net

Chris McCall · 技术社区 · 14 年前

我正在向一个Web应用程序添加热键,以便使CSR能够使用键盘快捷键,以减少伤害并增加每小时的通话次数。我正在使用一个ASP.NET用户控件将javascript注入页面,它工作得很好。

我希望控件“只起作用”,这样当使用声明性语法分配热键时,如果链接文本中存在热键字母,它将自动突出显示,因此开发人员不必做任何事情,也可以保持视觉提示的一致性。

下面是分配热键的代码,如果重要的话:

<uc:HotKeysControl ID="theHotkeys" runat="server" Visible="true">
<uc:HotKey ControlName="AccStatus$btnInvoiceEverBill" KeyCode="ctrl+v" />
<uc:HotKey ControlName="AccStatus$btnRefund" KeyCode="ctrl+u" />
<uc:HotKey ControlName="thirdControl" KeyCode="ctrl+p" />
</uc:HotKeysControl>

我想要这样的东西:

<a href="whatever" name="thirdControl">Make a <span class=hotkey">P</span>ayment</a>

…但我还没想到注射 <span/> 如果有更好的方法的话。

如何在css或jquery中执行此操作?有没有一种方法可以将字母传递给CSS样式,并使其更改所显示文本的颜色?我应该生成javascript在页面加载时突出显示文本吗?

在这种情况下你会做什么?

1 回复 | 直到 14 年前

Tom Lehman 14 年前

沿着这条线怎么办?

$("a:contains('Payment')").html(function(i, old_html) {
  old_html.replace(/Payment/, '<span class="hotkey">P</span>ayment');
})

推荐文章

Community wiki · 为什么使用DirectoryEntry对LDAP进行身份验证会间歇性地抛出COMException(0x8007203A):“服务器不可操作”?

1 年前

PixelScribe · 实体框架EDMX未更新ASP.NET web应用程序中的连接字符串

1 年前

Hua Deng · page_load中的调用方法导致adapter.fill()上出现StackOverflowException,但在其他地方调用时没有问题

1 年前

WingiM · REST API-如何实现具有相同名称但可接受参数类型不同的多个方法

1 年前

Community wiki · 基于两个参数在文本框中使用上下文键自动完成?

1 年前

NAM3L3SSRJ · 如何在C语言中创建一个方法或函数,在超市销售时减少数据库中的库存

2 年前

Javad A salehi · C#如何解析“MyValue”的动态值

2 年前

AlÄ±yev Rufet · 无法构造某些服务(验证服务描述符的服务类型时出错:Restaurant.Data.IAppRepository

2 年前

Geoff · 从Microsoft Identify Platform获取访问令牌

2 年前

Haim Ohayon · 这些链接之间有什么区别?

2 年前