एंकर टेक्स्ट को 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
जबकि आपके उत्तर में कोड काम कर सकता है, आपको एक उत्कृष्ट उत्तर बनाने का प्रयास करना चाहिए जो बताता है कि यह क्यों और कैसे काम करता है।
इयान स्टैपलटन कॉर्डैस्को
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.