заменить якорный текст на jquery

Question

Я хочу заменить текст якоря 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());

но все это дает мне ноль или пустую строку

Answer 1

Попробуйте

$("#link1").text()

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

Answer 2

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

Попробуйте:

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

Чтобы заменить его, вы можете использовать:

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

Функция .html() также будет работать в этом случае.

Answer 3

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

Метод .text() сбрасывает передаваемый вами текст в содержимое элемента. В отличие от использования .html(), .text() неявно игнорирует любую встроенную HTML-разметку, поэтому, если вам нужно встроить некоторые встроенные <span>, <i> или любые другие подобные элементы, используйте .html() вместо.

Answer 4

Попробуйте, в случае идентификатора

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

ИЛИ это, в случае класса

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

Answer 5

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>