2012-04-01 13 views
11

आइकन आइकन को नष्ट किए बिना ट्विटर बूटस्ट्रैप में किसी बटन पर टेक्स्ट बदलने के लिए मैं जावास्क्रिप्ट/jquery का उपयोग कैसे करूं?आइकन संरक्षित करते समय ट्विटर बूटस्ट्रैप बटन पर गतिशील रूप से टेक्स्ट बदलें?

<a class="btn" id="myButton" onclick="doSomething()"><i class="icon-ok"></i> Do it...</a> 

मैं इस तरह चिह्न बदलने के लिए, कर रहा हूँ:

तो, यह मेरी स्थिर मार्कअप है

$('#myButton i:first-child').attr('class','icon icon-remove'); 

कौन सा ठीक है, लेकिन वह सब के प्यार के लिए अच्छा है मुझे आइकन को मिटाए बिना बटन टेक्स्ट सेट करने का कोई तरीका नहीं मिल रहा है। उदाहरण के लिए। अगर मैं इस कार्य करें:

$('#myButton').text('Some Remove Text'); 

मैं आइकन तत्व खो देते हैं, तो मैं कैसे उपयोग कर सकते हैं केवल पाठ और संपादित कि, किसी भी बच्चे तत्वों के संरक्षण, जबकि?

उत्तर

12

आप सामग्री को एक अवधि तत्व में लपेट सकते हैं और फिर इसे अपने एंकर के संदर्भ में ढूंढ सकते हैं। ('# MyButton मैं: पहले बच्चे') के बजाय $ के या यहां तक ​​कि

$('#myButton i') or $('#myButton > i') which would be shorter. 
+0

वर्क्स एक आकर्षण की तरह:

$('#myButton span').text('Some Remove Text'); 

इसके अलावा, आप $ ('पहले # myButton मैं') का उपयोग कर सकते हैं। धन्यवाद। –

संबंधित मुद्दे