javascript - How do I add markup within an element? -

इस सवाल का पहले से ही एक उत्तर है: < / P>

• 3 जवाब

मैं एक पर काम कर रहा हूँ साइट जो टेम्प्लेट का एक सेट का उपयोग करती है I पर कोई नियंत्रण नहीं है I मैं एचटीएमएल में नहीं जा सकता और संपादित नहीं कर सकता, लेकिन मैं सीएसएस को जोड़ सकता हूं। मैं इस पर और अधिक नियंत्रण पाने की कोशिश कर रहा हूं कि कुछ टेक्स्ट के आस-पास लपेटकर प्रोफ़ाइल सूची कैसे दिखती है मैंने jQuery का उपयोग करके ऐसी ही चीज़ें देखी हैं, लेकिन मैं इस मामले में काम करने के लिए कुछ भी नहीं पा पाऊंगा।

यह वर्तमान मार्कअप है:

  & lt ; h4 & gt; & Lt; a href = "..." & gt; व्यक्ति का नाम & lt; img width = "120" height = "122" alt = "" src = "..." & gt; & Lt; / a & gt; & Lt; / h4 & gt;  

मेरे पास समस्या यह है कि छवि के लिए आवेदन करने के बिना सीएसएस के उपयोग से टैग के अंदर व्यक्ति का नाम पाठ के आसपास हाशिये को नियंत्रित करने का कोई तरीका नहीं है। / P>

मैं एक टैग के पहले भाग के बाद & lt; span & gt; जोड़ूंगा, फिर & lt; / span & gt; से पहले एक स्पैन में नाम को लपेटने के लिए img टैग मैं सीएसएस के साथ लक्ष्य कर सकता हूं। मैं & lt; / span & gt; जोड़कर अनुमान लगा रहा हूं कि से पहले का उपयोग करना मुश्किल नहीं होगा, लेकिन उद्घाटन और जोड़ना

संपादित करें:

क्षमा करें, मुझे और अधिक स्पष्ट होना चाहिए था, मुझे ऐसा करने का सबसे अच्छा तरीका क्या है? यह एक वर्ग के साथ एक div में लपेटा जाता है, इसलिए यह वर्तमान में इस तरह दिखता है:

  & lt; div class = "profile" & gt; & LT; h4 & gt; & Lt; a href = "..." & gt; व्यक्ति का नाम & lt; img width = "120" height = "122" alt = "" src = "..." & gt; & Lt; / a & gt; & Lt; / h4 & gt; & Lt; / div & gt;  

उद्देश्य कुछ ऐसा होगा:

  & lt; div class = "profile" & gt; & LT; h4 & gt; & Lt; a href = "..." & gt; & Lt; span & gt; व्यक्ति का नाम & lt; / span & gt; & Lt; img width = "120" height = "122" alt = "" src = "..." & gt; & Lt; / a & gt; & Lt; / h4 & gt; & Lt; / div & gt;  

सामग्री प्राप्त करें, उसे गैर-रिक्त पाठ नोड के रूप में फ़िल्टर करें, और इसके साथ लपेटें एक तत्व, जैसे span :

  $ ('h4 & gt; a') .contents () .filter (function () {return.nodeType = == 3 & amp; $ .trim (this.nodeValue)! == '';})। लपेटें ('& lt; span / & gt;');  

  h4 & gt; एक & gt; Span {background-color: red}  

  & lt; script src = "https: //ajax.googleapis .com / ajax / libs / jQuery / 2.0.0 / jquery.min.js "& gt; & lt; / स्क्रिप्ट & gt; & LT; h4 & gt; & Lt; a href = "..." & gt; व्यक्ति का नाम & lt; img width = "120" height = "122" alt = "" src = "..." & gt; & Lt; / a & gt; & Lt; / h4 & gt;