Question

我正在为网络应用程序添加热键，以便为我们的CSR使用键盘快捷键，以减少伤害并增加每小时的通话时间。我正在使用ASP.net UserControl将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/>注入{{1}}。

如何在CSS或JQuery中执行此操作？有没有办法将字母传递给CSS样式并让它更改显示的文本的颜色？我应该生成javascript以在页面加载时突出显示文本吗？

在这种情况下你会做什么/做什么？

Answer 1

如下所示：

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

如何使用JQuery + CSS自动突出显示链接文本中的特定字符？

1 个答案: