2010-11-25 5 views
4

html 문서에서 텍스트를 선택하고 그 주위에 링크를 추가하는 방법이 있습니까?JQuery가 텍스트에 대한 링크 추가

$(someSelector).wrap(function() { 
    var link = $('<a/>'); 
    link.attr('href', 'somewhere_far_far_away'); 
    link.text($(this).text()); 
    return link; 
}); 

답변

13

당신은 jQuery의 wrap 기능을 사용할 수 있습니다.

var txtN=$("#div").text(); 
    var htmlStr=<a href="">txtN</a> 

다음

는 위치를 설정하는 절대 위치를 사용 ...되는 HTML에 htmlStr 주입.

+0

@jacom, 위의 코드는 someselector .... 내부 href html을 추가합니다. – kobe

+0

@gov 실제로 그렇습니다. –

+0

@jacom, 오늘 아침 한 가지 새로운 것을 배웠습니다. 감사합니다. +1. – kobe

3

은 아래처럼 작업을 수행 할 수 있습니다

많은 감사, 탐색

-1

이것은 내가하는 방법입니다. h3 태그에서이 작업을 수행해야한다고 가정 해 보겠습니다.

var h3tag = $('h3#head'); 
var txt = h3tag.text(); 
h3tag.text(''); //Remove default text 
$("<a />", { 
    "href" : $('h2 a').attr('href'), //grab the link from somewhere 
    "text" : txt 
}).appendTo(h3tag); 

도움이되기를 바랍니다.

관련 문제