एक ही चरित्र को कई बार कैसे बदलें?

Question

मुझे उन सभी तत्वों के लिए एक विशिष्ट वर्ण को प्रतिस्थापित करने की आवश्यकता है जिनकी कक्षा jQuery के साथ समान है।

<div class="product-name"> 
    <h1>Apple®</h1> 
</div> 

<div class="product-name"> 
    <h2>iPhone®</h2> 
</div> 

<div class="product-name"> 
    <h3>iPhone 5S®</h3> 
</div> 

मैं इस कोड के साथ सुपरस्क्रिप्ट टैग के साथ सभी ® charactesr प्रतिस्थापित करने की आवश्यकता: इस एचटीएमएल कोड पर विचार करें

$('.product-name').html(
    $('.product-name').html().replace(/®/gi, '<sup>&reg;</sup>') 
); 

हालांकि, इस कोड केवल पहली घटना की जगह लेगा। दूसरी और परे घटनाओं के लिए, यह पूरे उत्पाद नामों को पहले उत्पाद नाम से बदल देगा जिसमें एच 1 टैग शामिल हैं।

मैं अन्य वर्णों और टैगों को बदले बिना ® वर्णों को कैसे प्रतिस्थापित कर सकता हूं?

Answer 1

आप callback in html() उपयोग कर सकते हैं,

$('.product-name').html(function(_, html) { 
    return html.replace(/®/gi, '<sup>&reg;</sup>') 
}); 

FIDDLE

Answer 2

$('.product-name').html().split("®").join('<sup>&reg;</sup>');

एक और अधिक पूरा जवाब के लिए प्रयास करें संग्रह में प्रत्येक तत्व को मान देने के लिए

var body = $("body").html().split('®').join('<sup>&reg;</sup>'); 
$("body").html(body); 

JS Fiddle