execclass에 addclass 메소드 적용

window.getSelection()을 사용하는 텍스트 하이라이트. 그러나 내가 미리 선택된 저장된 텍스트를 강조하고 싶을 때. 이 문제를 해결하도록 도와주세요. 당신이 검색 텍스트를 포함한 DOM 노드의 내용을 강조하고 싶다면execclass에 addclass 메소드 적용

var highlight = 'Hello There'; 
document.execCommand('formatblock', false, 'p') 
var listId = highlight.focusNode.parentNode; // window.getSelection() not used 
$(listId).addClass("customClass");

출처

2014-11-08 Subir Das

강조 표시는 _string_입니다. 'getSelection'는 문자열을 반환하지 않습니다. [Selection] (https://developer.mozilla.org/en-US/docs/Web/API/Selection) 객체를 반환합니다. – undefined

, 당신은 jQuery의 :contains 선택기를 사용한다 :

$('span:contains(Hello There)').addClass("customClass");

데모 : 만 강조 할 경우 http://jsbin.com/wifulereyi/2/

검색된 텍스트가 있으면 먼저 jQuery 선택 결과를 처리 한 다음 .wrapInner('<span class="highlight"></span>')과 같은 것을 사용해야합니다. 이 경우 플러그인을 사용하는 것이 더 좋습니다. jQuery.highlight

출처

2014-11-08 14:29:49

답변

관련 문제