изменить текст html из ссылки с помощью jquery


114

простой вопрос здесь

Есть ли способ изменить текст «нажмите здесь»

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

в этой ссылке

Ричард

Ответы:


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-запросов:

<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 Changes : Если вы посмотрите на 3-й пример, он показывает, как вы можете изменить текст в вашей ссылке «щелкните здесь». Пример:

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

JS:

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

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.