दिलचस्प पोस्ट
मैं एक सरणी वापस करने के लिए अपना एक्सेल ऐड-इन नहीं चाहता हूं (इसके बजाय मुझे अन्य कक्षों को बदलने के लिए यूडीएफ की ज़रूरत है) TypeError: सभी स्ट्रिंग फ़ॉर्मेटिंग अजगर के दौरान परिवर्तित नहीं तर्क एक प्रतिबद्ध संदेश के भीतर GitHub पर समस्या संख्या को लिंक करें एचटीएमएल PHP के माध्यम से ईमेल भेजें? पासिंग पैरामीटर JavaFX FXML नियंत्रक में पोस्ट विधि को देखने और वापस करने के लिए ऑब्जेक्ट की सूची कैसे भेजनी है I सी # में कस्टम भाषा सुविधाओं को लागू करने का कोई तरीका है? AngularJS और इसके डॉलर के उपयोग के मूल्यों एपीआई स्तर 11 से पहले AsyncTask.executeOnExecutor () किसी दिए गए एल्फ निष्पादन योग्य को संकलित करने के लिए जीसीसी संस्करण कैसे प्राप्त किया जाए? क्रॉस-ऑरिजन अनुरोध पर अवरुद्ध विंडो फिट करने के लिए HTML5 कैनवास का आकार बदलें कैसे Django आदेश फार्म रेंडर करने के लिए आदेश पता है? क्या जावास्क्रिप्ट फ़ंक्शन एक्सप्रेशन के बारे में सोचने का अधिकार है जो 'नया' कीवर्ड को 'स्थिर' के रूप में प्रयोग करता है Java में JSON ऑब्जेक्ट को पार्स करना

Jquery में बटन पाठ टॉगल

जब मैं "। पुष्म" बटन पर क्लिक करता हूं, तो यह "पाठ न करें" मुझे अपना संदेश बदल देता है जब बटन को फिर से क्लिक किया जाता है तो मैं "फिर से" बटन को फिर से चालू करना चाहता हूं मैं उसे कैसे कर सकता हूँ?

<html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <button class='pushme'>PUSH ME</button> <script> $(".pushme").click(function () { $(this).text("DON'T PUSH ME"); }); </script> </body> </html> 

http://jsfiddle.net/DQK4v/

धन्यवाद।

वेब के समाधान से एकत्रित समाधान "Jquery में बटन पाठ टॉगल"

आप text विधि का उपयोग कर सकते हैं:

 $(function(){ $(".pushme").click(function () { $(this).text(function(i, text){ return text === "PUSH ME" ? "DON'T PUSH ME" : "PUSH ME"; }) }); }) 

http://jsfiddle.net/CBajb/

आप भी उपयोग कर सकते हैं। .toggle() तरह:

 $(".pushme").toggle(function() { $(this).text("DON'T PUSH ME"); }, function() { $(this).text("PUSH ME"); }); 

http://api.jquery.com/toggle-event/ पर अधिक जानकारी

इस तरह से यह पाठ को बदलने या सिर्फ 2 भिन्न राज्यों से अधिक जोड़ना आसान बनाता है

यदि संभव हो तो कस्टम बटन का उपयोग करें, यदि आप केवल उस बटन पर कार्रवाई लागू करना चाहते हैं।

एचटीएमएल

 <button class="pushDontpush">PUSH ME</button> 

jQuery

 $("#pushDontpush").click(function() { if ($(this).text() == "PUSH ME") { $(this).text("DON'T PUSH ME"); } else { $(this).text("PUSH ME"); }; }); 

वर्किंग कोडपेन: टॉगल टेक्स्ट इन बटन

इतने महान उत्तरों के साथ, मैंने सोचा कि मैं मिश्रण में एक और अधिक टॉस करूंगा। यह एक, दूसरों के विपरीत, आपको आसानी से किसी भी तरह के संदेशों के माध्यम से चक्र की अनुमति देगा:

 var index = 0, messg = [ "PUSH ME", "DON'T PUSH ME", "I'M SO CONFUSED!" ]; $(".pushme").on("click", function() { $(this).text(function(index, text){ index = $.inArray(text, messg); return messg[++index % messg.length]; }); }​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​);​ 

डेमो: http://jsfiddle.net/DQK4v/2/

यदि आप इसे समझते हैं तो एक if / else कथन .. या त्रिभुज का उपयोग करें

 $(".pushme").click(function () { var $el = $(this); $el.text($el.text() == "DON'T PUSH ME" ? "PUSH ME": "DON'T PUSH ME"); }); 

http://jsfiddle.net/dFZyv/

मैं निम्नलिखित तरीके से preffer, यह किसी भी बटन द्वारा इस्तेमाल किया जा सकता है

 <button class='pushme' data-default-text="PUSH ME" data-new-text="DON'T PUSH ME">PUSH ME</button> $(".pushme").click(function () { var $element = $(this); $element.text(function(i, text) { return text == $element.data('default-text') ? $element.data('new-text') : $element.data('default-text'); }); }); 

डेमो

यदि आप 'मूल्य' विशेषता का उपयोग कर बटन पाठ सेट कर रहे हैं तो आपको सेट करना होगा

  • $ (This) .val ()

के बजाय:

  • $ (This) .text ()

इसके अलावा मेरी स्थिति में बटन पर क्लिक करने के लिए JQuery को सीधे जोड़ने के लिए बेहतर कार्य किया गया है:

 onclick="$(this).val(function (i, text) { return text == 'PUSH ME' ? 'DON'T PUSH ME' : 'PUSH ME'; });" 
 $(".pushme").click(function () { var button = $(this); button.text(button.text() == "PUSH ME" ? "DON'T PUSH ME" : "PUSH ME") }); 

इस त्रिगुट ऑपरेटर का एक अनूठा रिटर्न है। यदि अभिव्यक्ति से पहले ? यह true कि "DON'T PUSH ME" रिटर्न करता है, और "PUSH ME"

यह अगर-अन्य कथन:

 if (condition) { return A } else { return B } 

समतुल्य त्रिगुट अभिव्यक्ति है:

 condition ? A : B 

आप ऐसा करने के लिए गणित फ़ंक्शन भी उपयोग कर सकते हैं

 var i = 0; $('#button').on('click', function() { if (i++ % 2 == 0) { $(this).val("Push me!"); } else { $(this).val("Don't push me!"); } }); 

डेमो