라벨 ID에 범위 추가

Question

RSForms Pro에서 출력되는대로 HTML에 액세스 할 수없는 라벨에 스팬을 추가하려고합니다. 개별 레이블에 툴팁 범위를 추가하여 마우스를 올리면 정보를 얻을 수 있습니다.

<p class="rsformVerticalClear"><input name="form[Services_DM][]" type="checkbox" value="Death Records Retrieval/Search" id="Services_DM0"><label for="Services_DM0">Death Records Retrieval/Search</label></p> 

다음 옵션 등 클래스 Services_DM1을 가지고 : 여기

처럼 코드가 모습입니다.

실제 코드에 액세스 할 필요없이 "Death Records Retrieval/Search"에 범위를 추가하려면 어떻게해야합니까? 그것을 삽입하는 방법이 있습니까?

Answer 1

당신은"Services_DM"에서 클래스의 시작과 함께 모든 레이블을 목표로하고 그들에게 범위을 추가 할 수 있습니다 :

이 jQuery를 샘플 조각을 시도합니다.

var $span = $('<span>My span contents here </span>'); 
$('label[class^="Services_DM"]').each(function(index,item){ 
    $(this).append($span); 
}); 

위 코드는 테스트 목적으로 만 테스트 된 것이 아닙니다!

Answer 2

페이지에 코드를 삽입하는 방법은 무엇입니까? XSS 관심사로 인해 (예 : Iframe과 같은) 포함 된 모든 항목이 자바 스크립트에서 조작 (또는 IIRC, 액세스)되지 않도록 차단됩니다.

귀하의 html과로드 된 html이 동일한 문서로 렌더링된다고 가정하면 HTML DOM 함수를 사용하여 html 게시 부하를 조작하고 싶을 것입니다. 이 기능을 사용하면 원하는 일을해야합니다,

function addToolTip(elementid, content, classname) { 
    var theelement=document.getElementById(elementid); 
    var thetooltip=document.createElement('span'); 
    var thetext = document.createTextNode(content); 
    thetooltip.appendChild(thetext); 
    thetooltip.setAttribute('class',classname); 
    theelement.appendChild(thetooltip); 
} 

툴팁을 생성하려면 당신의 라벨의 툴팁에서보고 싶은 콘텐츠를 어떤 텍스트 요소 및 CSS 클래스와 addToolTip 전화 (난 당신이 할 수 있습니다 생각 스타일링을 원한다.)