замінити якірний текст на jquery


86

я хочу замінити текст прив'язки html:

<a href="index.html" id="link1">Click to go home</a>

тепер я хочу замінити текст "натисніть, щоб повернутися додому"

я спробував це:

alert($("link1").children(":first").val());
alert($("link1").children(":first").text());
alert($("link1").children(":first").html());

але все це дає мені нуль або порожній рядок

Відповіді:


141

Спробуйте

$("#link1").text()

щоб отримати доступ до тексту всередині вашого елемента. Значок # означає, що ви шукаєте за ідентифікатором. Ви не шукаєте дочірній елемент, тому вам не потрібні діти (). Натомість ви хочете отримати доступ до тексту всередині елемента, який повертає ваша функція jQuery.


1
Дякую. Відчуваю полегшення, що я отримав відповідь, і дуже дурний ... за те, що спробував усі різні твердження, але забув # -знак ....
Мішель,

62

Для посилання на елемент за ідентифікатором потрібно використовувати # кваліфікатор.

Спробуйте:

alert($("#link1").text());

Щоб замінити його, ви можете використовувати:

$("#link1").text('New text');

Функція .html()працювала б і в цьому випадку.


18
$('#link1').text("Replacement text");

.text()Метод падає текст , передати його в зміст елемента. В відміну від використання .html(), .text()неявно ігнорує будь вбудований HTML розмітки, так що якщо вам потрібно вбудувати деякі інлайн <span>, <i>або будь-які інші подібні елементи, використовуйте .html()замість цього.


4

Спробуйте це, на випадок ідентифікатора

$("#YourId").text('Your text');

АБО це, у випадку занять

$(".YourClassName").text('Your text');

-1
function liReplace(replacement) {
    $(".dropit-submenu li").each(function() {
        var t = $(this);
        t.html(t.html().replace(replacement, "*" + replacement + "*"));
        t.children(":first").html(t.children(":first").html().replace(replacement, "*" +` `replacement + "*"));
        t.children(":first").html(t.children(":first").html().replace(replacement + " ", ""));
        alert(t.children(":first").text());
    });
}
  • Перший код знаходить заміну заголовка t.html(t.html()
  • Другий код замінює текст t.children(":first")

Зразок <a title="alpc" href="#">alpc</a>


1
Хоча код у вашій відповіді може працювати, вам слід прагнути створити чудову відповідь, яка пояснює, чому і як він працює.
Ian Stapleton Cordasco
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.