2010-11-15 10 views
6

के साथ ले लो मेरे पास एक स्क्रिप्ट द्वारा स्वचालित रूप से एक ट्विटर फ़ीड जोड़ा गया है। मैं इसमें <br/> जोड़ना चाहता हूं। अब यह इस<br/></span> के बाद jquery

<ul id="twitter_update_list"> 
    <li><span>something</span> <a href="#">about 4 hours ago</a></li> 
    <li><span>something</span> <a href="#">about 6 hours ago</a></li> 
    </ul> 

मैं jQuery के साथ एक के बाद एक </span><br/> जोड़ना चाहते हैं की तरह है। ताकि उसके इस

<ul id="twitter_update_list"> 
    <li><span>something</span><br/> <a href="#">about 4 hours ago</a></li> 
    <li><span>something</span><br/> <a href="#">about 6 hours ago</a></li> 
    </ul> 
+0

मैं ... मैं तो बस पूछने के लिए ... क्यूं कर? ... मेरा मतलब है, एचटीएमएल में पहले स्थान पर '
' क्यों शामिल नहीं है और ऐसा करने के लिए जेएस का उपयोग करें ...? – Shikiryu

उत्तर

11

की तरह इस तरह से प्रत्येक चयनकर्ता के बाद मिलान किया एक तत्व सम्मिलित करने के लिए, .after() उपयोग कर सकते हैं:

$("#twitter_update_list span").after("<br />"); 

You can test it out here। परिणाम है ... ठीक है, वास्तव में क्या आप सवाल :)

+0

@ एसाफवान, आपके प्रश्न का उत्तर यह होगा, लेकिन मैं @ बैलेक्सेंड्रे का उत्तर अधिक पसंद करूंगा: डी कोई अपराध @ निक – Starx

+1

@Starx - * यदि * यह उन आवश्यकताओं को पूरा करता है जो मैं सहमत हूं, सीएसएस के साथ जाएं, लेकिन यह नहीं हो सकता है .. क्योंकि यह एक ही परिणाम नहीं है। –

+0

आप सही हैं ....: डी – Starx

5

क्यों जावास्क्रिप्ट में खिलवाड़ करते समय आप सीएसएस के साथ भी ऐसा कर सकते हैं में है?

#twitter_update_list li span { display: block; margin-bottom: 10px; } 
+0

मैं सहमत हूं, सामग्री में प्रेजेंटेशन मार्कअप रखने का कोई नंबर नहीं है। स्टाइल सामग्री के लिए सीएसएस का उपयोग करना = सर्वोत्तम अभ्यास – wiifm

+0

'' बनाना एक ब्लॉक समान नहीं है ... आपको यह ध्यान रखना चाहिए, अगर उसके पास स्टाइलिंग हो तो उसे कोई दयालु हो सकता है, इससे इसे पूरी तरह से अपनी लाइन पर मजबूर कर दिया जाता है। –

+0

@ निक तो उसे सिर्फ 'फ्लोट: बाएं;' का उपयोग करने की ज़रूरत है और सबकुछ सही तरीके से स्टाइल करें ... कभी स्क्रिप्ट को संभाला नहीं जाना चाहिए! – balexandre

1

यदि यह केवल उस बात लग रही है, तो सीएसएस का उपयोग करें:

#twitter_update_list>li>span{ 
    display:block} 

या आप वास्तव में jQuery चाहते हैं:

$('#twitter_update_list>li>span').after('<br/>'); 
संबंधित मुद्दे