Jquery를 사용하여 텍스트를 링크로 변환하고 Jquery를 사용하여 함수를 할당하려면 어떻게해야합니까?

Question

jQuery를 사용하여 텍스트를 링크로 변환하고 함수를 할당하려면 어떻게해야합니까? 테이블이 있고 테이블의 마지막 행의 첫 번째 셀 텍스트를 링크로 변환하고 onclick 함수 "DisplayDetails()"를 지정하려고합니다.

내 테이블 이름은 "ScoreCardDataCurrentTable"입니다.

Answer 1

시도 :

var cell = $('#ScoreCardDataCurrentTable tr:last td:first'); 

var text = $(cell).text(); 

var link = $('<a />').text(text).bind('click', function(){ 
    // your code here 
    DisplayDetails(); 

}); 

$(cell).html(link); 

// 나는 당신의 테이블 ScoreCardDataCurrentTable

그것은 작동

Answer 2

$("#ScoreCardDataCurrentTable").children("tr:last").children("td:first").click(function(){ 
    DisplayDetails() 
}); 

이 코드는 테이블의 마지막 행의 첫 번째 셀을 클릭 할 때 DisplayDetails()을 호출합니다. 텍스트 자체가 함수를 호출하게하려면 텍스트가 무엇인지 알려 주어야합니다.

id가있는 링크를 사용하고 CSS를 사용하여 원하는대로 스타일을 지정하는 것이 더 간단 할 수 있습니다.

Answer 3

var myCell = $('#mytable>tr:last>td:first'); 
var myContents = myCell.html(); 

//We do not use onclick attribute cause it may bring hell to our known world 
var pseudoLink = $('<a>'+myContents+'</a>').click(function() { 
    //Stuff here 
});