मेरे पास html तत्व के साथ एक string चर है।

var myvar = '<p>Hi, ##CandidateName## and this is your ##CandidateEmail##</p>';

मैं ## के बीच टेक्स्ट में कुछ इनलाइन शैलियाँ कैसे जोड़ सकता हूँ। मैं स्रोत सामग्री को संशोधित नहीं कर सकता इसलिए मुझे ## का उपयोग करना चाहिए

-1
V.Manojkumar 11 अक्टूबर 2019, 16:06
2
आप किसी नोड के अंदर शब्दों में CSS नहीं जोड़ सकते। आप इसे केवल तत्वों पर लागू कर सकते हैं। इसलिए मैं ## अनुभागों को <span> तत्वों में लपेटने और उन पर CSS/a वर्ग लागू करने का सुझाव दूंगा
 – 
Rory McCrossan
11 अक्टूबर 2019, 16:08
Var myvar = "

नमस्ते, ##उम्मीदवार का नाम## और यह आपका ##उम्मीदवार ईमेल##

"; यह मेरा एचटीएमएल है मैं इस एचटीएमएल में कुछ सीएसएस जोड़ना चाहता हूं जहां टेक्स्ट ##....## केवल
 – 
V.Manojkumar
11 अक्टूबर 2019, 16:15

2 जवाब

सबसे बढ़िया उत्तर

मैं आपको ## के बजाय कुछ टैग का उपयोग करने का सुझाव दूंगा - उदाहरण के लिए span। फिर आप अपने तत्वों को खोजने के लिए find() फ़ंक्शन का उपयोग कर सकते हैं।


उदाहरण:

यदि आप मूल पाठ को संशोधित नहीं कर सकते हैं, तो आप ## को उदाहरण के लिए span से बदलने के लिए नियमित अभिव्यक्ति के साथ replace() फ़ंक्शन का उपयोग कर सकते हैं और फिर अपने प्रत्येक तत्व के लिए शैलियों को लागू कर सकते हैं span .

// your element in string
var myvar = '<p>Hi, ##CandidateName## and this is your ##CandidateEmail##</p>';

// replace ## with <span></span>
myvar = myvar.replace(/\##(.*?)\##/g, "<span>$1</span>");

// introduce it as a jQuery element
var $myvar = $(myvar);

// find <span> in your element and apply styles
$myvar.find('span').css({'color':"pink"});

// place it somewhere
$('#someDiv').append($myvar);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id=someDiv></div>
0
Jax-p 11 अक्टूबर 2019, 16:54
लेकिन मुझे ## का उपयोग करना चाहिए। क्या कोई और तरीका संभव है?
 – 
V.Manojkumar
11 अक्टूबर 2019, 16:21
मैंने ## के साथ उदाहरण दिया है। मैंने नियमित अभिव्यक्ति के साथ replace() फ़ंक्शन का उपयोग किया है जो ## को span से बदल देता है और फिर इसे css() फ़ंक्शन से रंग देता है
 – 
Jax-p
11 अक्टूबर 2019, 16:32
क्या आईडी या कक्षा के बिना स्पैन टैग ढूंढना संभव है। क्योंकि उस कच्चे html में मेरे पास कोई क्लास या आईडी नहीं थी। कृपया सहायता कीजिए
 – 
V.Manojkumar
11 अक्टूबर 2019, 16:41
अच्छा, आप अंतिम तत्व के साथ क्या करने जा रहे हैं? उदाहरण के लिए: मैंने इसे <div id=someDiv> में जोड़ दिया है ताकि मैं इसे $('#someDiv').find('span') (या किसी अन्य तत्व या आईडी) द्वारा भी ढूंढ सकूं। अपनी स्थिति निर्दिष्ट करें और मैं कोशिश करूँगा। क्या आप इसे कहीं और जोड़ने जा रहे हैं या ऐसा ही कुछ?
 – 
Jax-p
11 अक्टूबर 2019, 16:44
मैंने आईडी चयनकर्ता के बिना उदाहरण प्रदान किया है।
 – 
Jax-p
11 अक्टूबर 2019, 16:49

आप पहले एक वैरिएबल में डायनामिक डेटा ले सकते हैं।

var name = ##CandidateName##; var email = ##CandidateEmail##; var myvar = '<p>Hi, <span>'+name+'</span> and this is your <span>'+ email +'</span></p>';

-2
vishalsharma 11 अक्टूबर 2019, 16:35