змінити HTML-текст із посилання на jquery


113

тут просте запитання

Чи є спосіб змінити текст "натисніть тут"

<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-запиту:

<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

Зміни HTML DOM у школах W3 : Якщо ви подивитесь на 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.