2013-08-06 2 views
0

저는 HTML, Javascript 및 jQuery에 완전히 익숙하지 않았습니다. 지금은 정말 오랜 시간 동안이 작업을 수행하는 방법을 시도해 왔습니다. 검색 중에 찾고 있던 모든 대답이 부적절하거나 부정확 한 결과를 낳았습니다 . 아니면 나는 단지 인터넷 검색에 나쁘다.문자열에서 텍스트와 하이퍼 링크를 결합 하시겠습니까?

어쨌든, 내가하고 싶은 것은 웹 사이트 "텍스트 텍스트 링크"로 출력됩니다. 링크는 href 링크이고 텍스트는 그냥 일반 텍스트입니다. 내가해야하는

jQuery를

$('#text').html("text text "); 
$('#link').html('link'); 
$('#link').attr('href', 'http://something.com/'); 

HTML입니다

<div id = "text"><a id = "link"></a></div> 

내 문제는 HTML 내부 <a id = "link">가 인식되지 않는다고합니다.

EDIT : prepend()가 내 문자열에 두 번 이상 붙습니다. 어떻게 이런 일이 일어나지 않게 할 수 있습니까?

+1

[JavaScript 오류 콘솔] (http://www.netmagazine.com/tutorials/javascript-debugging-beginners)을보고 어떤 오류가 있는지, 어떤 오류가 표시되는지 알려주십시오. 또한 동일한 ID를 가진 다른 요소가 없는지 확인하십시오. – JJJ

+1

*** 절대 *** 속성 선언에 공백을 넣으십시오 : '' –

+1

답변

3

첫 번째 .html() 기능은 링크를 제거 사업부의 내용을 덮어 쓰기되고, 당신의 예에서

jsFiddle example

$('#text').prepend("text text "); 
$('#link').html('link'); 
$('#link').attr('href', 'http://something.com/'); 
을보십시오.

+0

['.prepend()'](http://api.jquery.com/prepend/) : *Insert content, specified by the parameter, to the beginning of each element in the set of matched elements.* Good job there man. –

+1

Thank you! That worked wonderfully and your explanation is perfect! – dtgee

+2

I know it's just an example, but combining things, you could use http://jsfiddle.net/5QGUr/ – Ian

관련 문제