jquery के लिंक से html टेक्स्ट बदलें


113

यहाँ एक सरल सवाल है

क्या "यहाँ क्लिक करें" पाठ को बदलने का एक तरीका है

<a id="a_tbnotesverbergen" href="#nothing">click here</a>

इस लिंक में

रिचर्ड

जवाबों:


164

आपको jquery के पाठ () फ़ंक्शन का उपयोग करना होगा । यह क्या करता है:

सभी मिलान तत्वों की संयुक्त पाठ सामग्री प्राप्त करें।

परिणाम एक स्ट्रिंग है जिसमें सभी मिलान तत्वों की संयुक्त पाठ सामग्री शामिल है। यह विधि HTML और XML दोनों दस्तावेजों पर काम करती है। इनपुट तत्वों पर उपयोग नहीं किया जा सकता है। इनपुट फ़ील्ड टेक्स्ट के लिए वैल विशेषता का उपयोग करें ।

उदाहरण के लिए:

पहले पैराग्राफ में टेक्स्ट खोजें (html को अलग करना), फिर अंतिम पैराग्राफ के html को यह दिखाने के लिए सेट करें कि यह सिर्फ टेक्स्ट है (बोल्ड हो गया है)।

var str = $("p:first").text();
$("p:last").html(str);

परिच्छेद का परीक्षण करें

परिच्छेद का परीक्षण करें।

अपने मार्कअप के साथ आपको करना होगा:

$('a#a_tbnotesverbergen').text('new text');

और इसमें परिणाम होगा

<a id="a_tbnotesverbergen" href="#nothing">new text</a>

61

जिस विधि की आप तलाश कर रहे हैं वह jQuery का .text () है और आप इसे निम्नलिखित फैशन में उपयोग कर सकते हैं:

$('#a_tbnotesverbergen').text('text here');

29
$('#a_tbnotesverbergen').text('My New Link Text');

या

$('#a_tbnotesverbergen').html('My New Link Text or HTML');

14

आपको बस इसे करने के लिए J- क्वेरी लाइब्रेरी की आवश्यकता है:

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

सबसे पहले आपको अपने तत्व को इस तरह से रखना होगा:

<div id="divClickHere">
<a id="a_tbnotesverbergen" href="#nothing">click here</a>
</div>

फिर आपको यह J- क्वेरी कोड लिखना चाहिए:

<script type="text/javascript">
$(document).ready(function(){
$("#a_tbnotesverbergen").click(function(){
$("#divClickHere a").text('Your new text');
});
});
</script>

7

मैंने पाया कि यह काम करने के लिए सबसे सरल कोड है। जैसा कि आप देख सकते हैं यह सुपर सरल है।

मूल लिंक पाठ के लिए

मैं उपयोग करता हूं:

    $("#sec1").text(Sector1);

कहाँ पे

   Sector1 = 'my new link text';

6

डब्ल्यू 3 स्कूलों से एचटीएमएल डोम परिवर्तन : यदि आप 3 उदाहरण देखते हैं तो यह दिखाता है कि आप अपने लिंक में पाठ को कैसे बदल सकते हैं, "यहां क्लिक करें"। उदाहरण:

<a id="a_tbnotesverbergen" href="#nothing">click here</a>

जे एस:

var element=document.getElementById("a_tbnotesverbergen"); 
element.innerHTML="New Text";

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.