2010-11-15 18 views
6

Bir komut dosyası tarafından otomatik olarak eklenen bir twitter besleme yaşıyorum. İçinde jquery bulunan bir <br/> eklemek istiyorum. Şimdi ben jquery ile her </span> sonra <br/> eklemek istediğiniz bu<br/> ekleyin</span> jquery ile

<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> 

gibi. onun bu

<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

ben ... sormak zorunda ... Niye ya? ... Yani, neden ilk e-postada '
' içermiyor ve bunu yapmak için JS kullanıyorsunuz ...? – Shikiryu

cevap

11

gibi Her selektör eşleşti sonra bu gibi bir öğe eklemek için .after() kullanabilmesi:

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

You can test it out here. Sonuç ... olduğunu iyi, tam olarak söz :) CSS ile aynı şeyler yapabiliriz,

+0

@esafwan, Bu soruyu yanıtlayın, ama balexandre'ın cevabını daha çok tercih ederim: D No offense @Nick – Starx

+1

@Starx - * Kabul ettiğim ihtiyaçları karşılıyorsa, CSS ile devam edin, ancak olmayabilir .. .sadece aynı sonuç değil. –

+0

Haklısınız ....: D – Starx

0

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

5

neden JavaSript içinde karışıklık ne var?

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

Kabul ediyorum, sunum işaretlemesini içeriğe yerleştirmek bir hayır değil. CSS'yi stil içeriğine göre kullanma = en iyi uygulama – wiifm

+0

'u bir blok yapmak aynı değildir ... bunu not etmelisiniz, eğer onun yanında şekillendirme varsa, bu, kendi satırında tamamen zorlar. –

+0

@Nick, o zaman sadece 'float: left' 'yi kullanmalı ve her şeyi doğru şekilde stillemelidir ... asla betik işlememeli! – balexandre

1

yalnızca bu konuyu bakarsak, o zaman css kullanın:

#twitter_update_list>li>span{ 
    display:block} 

Yoksa gerçekten jQuery istiyorsanız:

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