앵커 텍스트를 jquery로 바꿉니다.

앵커 텍스트를 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());

하지만 이 모든 것은 나에게 무효나 빈 문자열을 줍니다.

해라

$("#link1").text()

요소 내부의 텍스트에 액세스할 수 있습니다.#는 ID로 검색 중임을 나타냅니다.하위 요소를 찾는 것이 아니므로 하위 요소()가 필요하지 않습니다.대신 jQuery 함수가 반환하는 요소 내부의 텍스트에 액세스할 수 있습니다.

id로 요소를 참조하려면 다음을 사용해야 합니다.#한정자

시도:

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

교체하려면 다음을 사용할 수 있습니다.

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

그.html()이 경우에도 함수가 작동할 것입니다.

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

그.text()method는 요소 내용에 전달하는 텍스트를 드롭합니다.사용하는것과 다르게.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()
• 두번째 코드 텍스트 바꾸기t.children(":first")

견본 <a title="alpc" href="#">alpc</a>

언급URL : https://stackoverflow.com/questions/1625865/replace-anchor-text-with-jquery