jquery를 사용하여 링크에서 HTML 텍스트 변경

jquery를 사용하여 링크에서 HTML 텍스트 변경

여기서의 간단한 질문

"여기를 클릭" 텍스트를 변경할 수 있는 방법이 있습니까?

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

이 링크에서

리차드.

당신은 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>

찾고 있는 방법은 jQuery의 .text()이며 다음과 같은 방법으로 사용할 수 있습니다.

$('#a_tbnotesverbergen').text('text here');

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

OR

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

이 작업을 간단하게 수행하려면 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>

저는 이것이 그 일을 완수하기 위한 가장 간단한 코드라는 것을 알았습니다.보시다시피 매우 간단합니다.

원본 링크 텍스트의 경우

사용자:

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

어디에

   Sector1 = 'my new link text';

W3 학교 HTML DOM 변경 사항:세 번째 예를 보면 링크에서 텍스트를 변경할 수 있는 방법이 나와 있습니다. "여기를 클릭하십시오."예:

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

JS:

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

이것을 자바스크립트로 시도해보세요.

 document.getElementById("22IdMObileFull").text ="itsClicked"

언급URL : https://stackoverflow.com/questions/901909/change-html-text-from-link-with-jquery