jquery로 링크에서 html 텍스트 변경


113

여기에 간단한 질문

"여기를 클릭하십시오"라는 텍스트를 변경하는 방법이 있습니까?

<a id="a_tbnotesverbergen" href="#nothing">click here</a>

이 링크에서

Richard

답변:


164

jquery의 text () 함수 를 사용해야합니다 . 그것이하는 일은 :

일치하는 모든 요소의 결합 된 텍스트 콘텐츠를 가져옵니다.

결과는 일치하는 모든 요소의 결합 된 텍스트 내용을 포함하는 문자열입니다. 이 방법은 HTML 및 XML 문서 모두에서 작동합니다. 입력 요소에는 사용할 수 없습니다. 입력 필드 텍스트의 경우 val 속성을 사용하십시오. .

예를 들면 :

첫 번째 단락에서 텍스트를 찾은 다음 (html 제거) 마지막 단락의 html을 텍스트로만 표시하도록 설정합니다 (굵게 표시됨).

var str = $("p:first").text();
$("p:last").html(str);

테스트 단락.

테스트 단락.

마크 업으로 다음을 수행해야합니다.

$('a#a_tbnotesverbergen').text('new text');

결과적으로

<a id="a_tbnotesverbergen" href="#nothing">new text</a>


29
$('#a_tbnotesverbergen').text('My New Link Text');

또는

$('#a_tbnotesverbergen').html('My New Link Text or HTML');

14

이 작업을 간단히 수행하려면 J-query 라이브러리가 필요합니다.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

먼저 다음과 같이 div에 요소를 넣어야합니다.

<div id="divClickHere">
<a id="a_tbnotesverbergen" href="#nothing">click here</a>
</div>

그런 다음이 J-Query 코드를 작성해야합니다.

<script type="text/javascript">
$(document).ready(function(){
$("#a_tbnotesverbergen").click(function(){
$("#divClickHere a").text('Your new text');
});
});
</script>

7

나는 이것이 일을 끝내기위한 가장 간단한 코드라는 것을 알았다. 보시다시피 매우 간단합니다.

원본 링크 텍스트

나는 사용한다:

    $("#sec1").text(Sector1);

어디

   Sector1 = 'my new link text';

6

W3 Schools에서 HTML DOM 변경 사항 : 세 번째 예제를 보면 링크의 텍스트를 변경하는 방법이 표시됩니다. "여기를 클릭하십시오". 예:

<a id="a_tbnotesverbergen" href="#nothing">click here</a>

JS :

var element=document.getElementById("a_tbnotesverbergen"); 
element.innerHTML="New Text";

0

자바 스크립트에서 이것을 시도하십시오

 document.getElementById("22IdMObileFull").text ="itsClicked"
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.