Jquery는 클릭 한 번으로 텍스트를 URL로 변경합니다.

Question

지금 Google 사이트 도구로 작업하고 있습니다. 내 페이지에 HTML 상자를 추가하고 스크립트를 추가했습니다. 스크립트에서해야 할 일은 텍스트를 클릭하면이 텍스트가 표시 텍스트를 변경하고 href가 추가된다는 것입니다. 텍스트는 "hey"클래스의 "td"테이블에 있습니다. 내 첫 번째 기능은 이것이었다

function showitnow() { 
var div_data = "<br> <br> <a href='https://www.google.com'>Test</a>"; 
$(".hey").html(div_data); 
} 

$(".hey").click(function() { 
    showitnow(); 
}); 

여기에서이 기능을 복사했습니다. 클래스 "hey"가있는 필드를 클릭하면 내 텍스트가 "Test"로 변경됩니다. 사이트는 "Test"가 링크이지만 href가 누락 된 것을 알고 있으므로 아무 것도 클릭하지 않으면 발생합니다. 그 후 포럼에서 여기에 언급 된 setAttribute 및 setProperties 함수를 사용하려고 시도했지만 작동하지 않았습니다. 일부 버전의 Jquery에서는 텍스트를 클릭하면 Firebug 콘솔에 "거부 .setAttribute"라고 표시됩니다.

내 질문에 Google 사이트 도구에서 이러한 기능을 사용할 수 없습니까? 아니면 링크를 추가하고 표시 텍스트를 변경하는 다른 방법이 있습니까?

Jquery 버전 1.10.1을 사용하고 있습니다.

Answer 1

는이

$(".hey").click(function() { 
     var div_data = "<br> <br> <a href='https://www.google.com'>Test</a>"; 

    $(this).append(div_data); 
    }); 

Answer 2

이 시도하려고 :

$(document).ready(function(){ 
    $(".hey").click(function() { 
     var div_data = '<br> <br> <a href="https://www.google.com" target="_blank">Test</a>'; 
     $(".hey").html(div_data); 
    }); 
}) 

JSFIDDLE DEMO