JQuery + CSS를 사용하여 링크 텍스트의 특정 문자를 자동으로 강조 표시하려면 어떻게합니까?

Question

CSR의 키보드 단축키를 사용하여 부상을 줄이고 시간당 통화량을 늘릴 수 있도록 웹 응용 프로그램에 단축키를 추가했습니다. 저는 ASP.net UserControl을 사용하여 페이지에 자바 스크립트를 삽입하고 있습니다.

제어 코드를 "그냥 작동"시켜서 단축키를 할당 할 때 선언 구문을 사용하여 단축키 문자가 링크 텍스트에 있으면 자동으로 강조 표시되므로 개발자는 무엇이든 할 수 있고 또한 시각적 신호에 일관성을 유지할 수 있습니다.

이

<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 스타일로 전달하고 표시되는 텍스트의 색상을 변경하는 방법이 있습니까? 페이지가로드 될 때 텍스트를 강조 표시하는 자바 스크립트를 생성해야합니까?

이 상황에서 당신은 무엇을 했습니까?

Answer 1

의 라인을 따라 뭔가에 대해 무엇 :

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