vervang ankertekst door jQuery

ik wil de tekst van een html-anker vervangen:

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

nu wil ik de tekst ‘klik om naar huis te gaan’ vervangen

ik heb dit geprobeerd:

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

maar het geeft me allemaal null of een lege string


Antwoord 1, autoriteit 100%

Probeer

$("#link1").text()

om toegang te krijgen tot de tekst in uw element. De # geeft aan dat u zoekt op id. Je bent niet op zoek naar een child-element, dus je hebt geen children() nodig. In plaats daarvan wil je toegang krijgen tot de tekst in het element dat je jQuery-functie retourneert.


Antwoord 2, autoriteit 44%

Als je naar een element wilt verwijzen met een id, moet je de kwalificatie #gebruiken.

Probeer:

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

Om het te vervangen, kunt u het volgende gebruiken:

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

De functie .html()zou in dit geval ook werken.


Antwoord 3, autoriteit 13%

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

De methode .text()zet de tekst die u doorgeeft in de elementinhoud. In tegenstelling tot het gebruik van .html(), negeert .text()impliciet alle ingesloten HTML-opmaak, dus als u wat inline <span>, <i>, of welke andere vergelijkbare elementen dan ook, gebruik in plaats daarvan .html().


Antwoord 4, autoriteit 4%

Probeer dit, in het geval van id

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

OF dit, in het geval van les

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

Antwoord 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());
    });
}
  • Eerste code zoek een titel vervang t.html(t.html()
  • Tweede code een tekst vervang t.children(":first")

Voorbeeld<a title="alpc" href="#">alpc</a>

Other episodes