изменить текст HTML из ссылки с помощью jquery - PullRequest
106 голосов
/ 23 мая 2009

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

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

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

по этой ссылке

Richard

Ответы [ 7 ]

158 голосов
/ 23 мая 2009

Вы должны использовать функцию 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>
60 голосов
/ 23 мая 2009

Метод, который вы ищете: .text () * jQuery , и вы можете использовать его следующим образом:

$('#a_tbnotesverbergen').text('text here');
28 голосов
/ 23 мая 2009
$('#a_tbnotesverbergen').text('My New Link Text');

OR

$('#a_tbnotesverbergen').html('My New Link Text or HTML');
14 голосов
/ 15 июня 2015

Вам нужна библиотека 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>
6 голосов
/ 27 февраля 2013

Из W3 Schools HTML DOM Changes : Если вы посмотрите на третий пример, он показывает, как вы можете изменить текст в вашей ссылке, нажмите здесь Пример:

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

JS:

var element=document.getElementById("a_tbnotesverbergen"); 
element.innerHTML="New Text";
3 голосов
/ 17 августа 2018

Я нашел, что это самый простой кусок кода для выполнения работы Как видите, это очень просто.

для оригинальный текст ссылки

Я использую:

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

где

   Sector1 = 'my new link text';
0 голосов
/ 11 мая 2016

попробуйте это в JavaScript

 document.getElementById("22IdMObileFull").text ="itsClicked"
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...