アンカーテキストをjqueryに置き換えます

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());

しかし、それはすべて私にnullまたは空の文字列を与えます

試してみてください

$("#link1").text()

要素内のテキストにアクセスします。＃は、IDで検索していることを示します。子要素を探していないので、children（）は必要ありません。代わりに、jQuery関数が返す要素内のテキストにアクセスする必要があります。

IDで要素を参照するには、#修飾子を使用する必要があります。

試してみてください：

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

それを置き換えるには、次を使用できます。

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

.html()関数は、この場合も動作します。

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

この.text()メソッドは、渡したテキストを要素コンテンツにドロップします。使用とは異なり.html()、.text()暗黙のうちにあなたには、いくつかのインライン埋め込む必要がそうならば、任意の埋め込まれたHTMLマークアップを無視し<span>、<i>または何でも他の同様の要素、使用.html()代わりに。

idの場合はこれを試してください

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

またはこれ、クラスの場合

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

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()
• テキスト置換の2番目のコード t.children(":first")

サンプル <a title="alpc" href="#">alpc</a>