दिलचस्प पोस्ट
जावा गतिशील सरणी आकार? अनक्यूट टाइप एरर: अपरिभाषित की संपत्ति 'setstate' पढ़ नहीं सकते फेसबुक शेयर बटन और कस्टम पाठ थ्रेड स्लीपिंग के मामले में मोबाइल डिवाइस वेब ब्राउज़र के लिए कोई मानक हैं? जांचें कि एक सरणी में हर तत्व दूसरे एरे में है या नहीं यूनिकोड को MySQL में कैसे स्टोर करना है? क्या C ++ का समर्थन संकलन समय काउंटर? कैसे ggplot2 में आर में geom_bar पर लेबल डाल दिया अशक्त सूचक अपवाद – findViewById () बुफ़र्ड फाइलें (तेज डिस्क एक्सेस के लिए) Javax.swing टाइमर ठीक दोहराता है, लेकिन ActionListener कुछ भी नहीं करता है PHP – mysql डेटाबेस में सीएसवी फ़ाइल आयात करें लोड डेटा का उपयोग करके INFILE क्यों यह विभाजन पायथन में काम नहीं करता है? एक से अधिक jQuery संस्करण शामिल है स्ट्रिंगिफिकेशन – यह कैसे काम करता है?

JQuery का उपयोग करके हाइपरलिंक के लिए href को कैसे परिवर्तित करें

JQuery का उपयोग करके आप हाइपरलिंक के लिए href कैसे बदल सकते हैं?

वेब के समाधान से एकत्रित समाधान "JQuery का उपयोग करके हाइपरलिंक के लिए href को कैसे परिवर्तित करें"

$("a").attr("href", "http://www.google.com/") 

… Google को इंगित करने के लिए सभी हाइपरलिंक के href को संशोधित करेगा संभवत: आपको कुछ अधिक परिष्कृत चयनकर्ता चाहिए, हालांकि। उदाहरण के लिए, यदि आपके पास लिंक स्रोत (हाइपरलिंक) और लिंक लक्ष्य (उर्फ "एंकर") एंकर टैग का मिश्रण है:

 <a name="MyLinks"></a> <a href="http://www.codeproject.com/>The CodeProject</a> 

… तो आप शायद href उनको विशेष गुण जोड़ना नहीं चाहते हैं सुरक्षा के लिए, हम यह निर्दिष्ट कर सकते हैं कि हमारे चयनकर्ता केवल एक मौजूदा href विशेषता के साथ <a> टैग से मेल खाएंगे:

 $("a[href]") //... 

बेशक, शायद आपके मन में कुछ और दिलचस्प होगा। यदि आप किसी विशिष्ट मौजूदा href साथ एक एंकर से मिलान करना चाहते हैं, तो आप ऐसा कुछ उपयोग कर सकते हैं:

 $("a[href='http://www.google.com/']").attr('href', 'http://www.live.com/') 

यह उन लिंक मिल जाएगा जहां href बिल्कुल स्ट्रिंग से मेल खाता है http://www.google.com/ एक अधिक शामिल कार्य मिलान हो सकता है, फिर href केवल एक भाग को अपडेट कर रहा है:

 $("a[href^='http://stackoverflow.com']") .each(function() { this.href = this.href.replace(/^http:\/\/beta\.stackoverflow\.com/, "http://stackoverflow.com"); }); 

पहला भाग केवल उन लिंक का चयन करता है जहां href http://stackoverflow.com शुरू होता है । फिर, एक फ़ंक्शन परिभाषित की जाती है जो एक नए रेस के साथ यूआरएल के इस हिस्से को बदलने के लिए एक सरल नियमित अभिव्यक्ति का उपयोग करता है। नोट यह लचीलेपन आपको देता है – लिंक के किसी प्रकार के संशोधन को यहां किया जा सकता है।

JQuery 1.6 और इसके बाद के संस्करण के साथ आपको उपयोग करना चाहिए:

 $("a").prop("href", "http://www.jakcms.com") 

सहारा और एट्रर के बीच का अंतर यह है कि एट्र एचटीएमएल विशेषता को पकड़ लेता है जहां सहारा दाम संपत्ति को पकड़ लेता है।

आप इस पोस्ट में अधिक विवरण पा सकते हैं: .prop () बनाम .attr ()

अपने लुकअप पर attr विधि का उपयोग करें। आप नए मान के साथ किसी भी विशेषता को स्विच कर सकते हैं।

 $("a.mylink").attr("href", "http://cupcream.com"); 

इस बात पर निर्भर करते हुए कि आप सभी समान लिंक को कुछ और बदलना चाहते हैं या आप पृष्ठ के किसी दिए गए अनुभाग में या प्रत्येक व्यक्ति पर नियंत्रण रखना चाहते हैं, आप इनमें से कोई एक कर सकते हैं।

Google के सभी लिंक बदलें ताकि वे Google मैप्स को इंगित कर सकें:

 <a href="http://www.google.com"> $("a[href='http://www.google.com/']").attr('href', 'http://maps.google.com/'); 

किसी दिए गए अनुभाग में लिंक बदलने के लिए, कंटेनर डिवी की कक्षा को चयनकर्ता में जोड़ें यह उदाहरण सामग्री में Google लिंक को बदल देगा, लेकिन पाद लेख में नहीं:

 <div class="content"> <p>...link to <a href="http://www.google.com/">Google</a> in the content...</p> </div> <div class="footer"> Links: <a href="http://www.google.com/">Google</a> </div> $(".content a[href='http://www.google.com/']").attr('href', 'http://maps.google.com/'); 

व्यक्तिगत लिंक को बदलने के लिए जहां वे दस्तावेज़ में आते हैं, लिंक को एक आईडी जोड़ें और फिर उस आईडी को चयनकर्ता को जोड़ें। यह उदाहरण सामग्री में दूसरी Google लिंक को बदल देगा, लेकिन पहले या पाद लेख में कोई नहीं:

 <div class="content"> <p>...link to <a href="http://www.google.com/">Google</a> in the content...</p> <p>...second link to <a href="http://www.google.com/" id="changeme">Google</a> in the content...</p> </div> <div class="footer"> Links: <a href="http://www.google.com/">Google</a> </div> $("a#changeme").attr('href', 'http://maps.google.com/'); 

हालांकि ओपी स्पष्ट रूप से एक jQuery के जवाब के लिए कहा, आप इन दिनों सब कुछ के लिए jQuery का उपयोग करने की आवश्यकता नहीं है।

JQuery के बिना कुछ विधियां:

  • यदि आप सभी <a> तत्वों के href मान को बदलना चाहते हैं, तो उन सभी का चयन करें और फिर नोडलालिस्ट के माध्यम से पुनरावृत्त करें: (उदाहरण)

     var anchors = document.querySelectorAll('a'); Array.prototype.forEach.call(anchors, function (element, index) { element.href = "http://stackoverflow.com"; }); 
  • यदि आप सभी <a> तत्वों के href मान को बदलना चाहते हैं जो वास्तव में एक href विशेषता है, तो उन्हें [href] विशेषता चयनकर्ता ( a[href] ) जोड़कर चुनें: (उदाहरण)

     var anchors = document.querySelectorAll('a[href]'); Array.prototype.forEach.call(anchors, function (element, index) { element.href = "http://stackoverflow.com"; }); 
  • यदि आप <a> किसी विशिष्ट मान वाले href मान को बदलना चाहते हैं, उदाहरण के लिए google.com , विशेषता चयनकर्ता का उपयोग करें a[href*="google.com"] : (उदाहरण के लिए)

     var anchors = document.querySelectorAll('a[href*="google.com"]'); Array.prototype.forEach.call(anchors, function (element, index) { element.href = "http://stackoverflow.com"; }); 

    इसी तरह, आप अन्य विशेषता चयनकर्ताओं का भी उपयोग कर सकते हैं उदाहरण के लिए:

    • a[href$=".png"] .png a[href$=".png"] का उपयोग <a> तत्वों को चुनने के लिए किया जा सकता है जिनके href मूल्य को। .png समाप्त होता है।

    • a[href^="https://"] का उपयोग <a> href साथ तत्वों को चुनने के लिए किया जा सकता है जो कि https:// साथ प्रीफ़िक्स हैं।

  • यदि आप <a> तत्वों के href मान को बदलना चाहते हैं जो कई शर्तों को संतुष्ट करते हैं: (उदाहरण)

     var anchors = document.querySelectorAll('a[href^="https://"], a[href$=".png"]'); Array.prototype.forEach.call(anchors, function (element, index) { element.href = "http://stackoverflow.com"; }); 

.. ज्यादातर मामलों में regex के लिए कोई ज़रूरत नहीं है

यह स्निपेट कहता है जब क्लास 'menu_link' का लिंक क्लिक किया जाता है, और लिंक के पाठ और यूआरएल को दिखाता है। वापसी झूठ का अनुसरण करने से लिंक को रोकता है।

 <a rel='1' class="menu_link" href="option1.html">Option 1</a> <a rel='2' class="menu_link" href="option2.html">Option 2</a> $('.menu_link').live('click', function() { var thelink = $(this); alert ( thelink.html() ); alert ( thelink.attr('href') ); alert ( thelink.attr('rel') ); return false; }); 

सिर्फ इसकी खातिर jQuery का उपयोग बंद करो! यह केवल जावास्क्रिप्ट के साथ बहुत सरल है

 document.querySelector('#the-link').setAttribute('href', 'http://google.com'); 

https://jsfiddle.net/bo77f8mg/1/

  $("a[href^='http://stackoverflow.com']") .each(function() { this.href = this.href.replace(/^http:\/\/beta\.stackoverflow\.com/, "http://stackoverflow.com"); }); 

WordPress Avada थीम लोगो छवि के एचआरईएफ को बदलें

यदि आप शॉर्टकोड एक्ज़िक PHP प्लग इन इंस्टॉल करते हैं तो आप इस शोर्टकोड को बना सकते हैं, जिसे मैंने अपना जावास्क्रिप्ट कहा था

 ?><script type="text/javascript"> jQuery(document).ready(function() { jQuery("div.fusion-logo a").attr("href","tel:303-985-9850"); }); </script> 

अब आप उपस्थिति / विजेट पर जा सकते हैं और पाद लेख विजेट क्षेत्रों में से एक चुन सकते हैं और निम्न शोर्ट को जोड़ने के लिए एक पाठ विजेट का उपयोग कर सकते हैं।

 [myjavascript] 

चयनकर्ता आपके द्वारा उपयोग की जाने वाली छवि और यदि रेटिना तैयार है, पर निर्भर करता है, लेकिन आप डेवलपर्स टूल्स का उपयोग करके हमेशा इसे समझ सकते हैं।