aggiungi <br/> take after</span> con jquery

Question

Sto avendo un feed twitter aggiunto automaticamente da uno script. Voglio aggiungere un <br/> con jquery in esso. Ora è come questo

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

voglio aggiungere un <br/> dopo ogni </span> con jQuery. in modo che il suo simili

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

Answer 1

È possibile utilizzare .after() per inserire un elemento dopo ogni selettore abbinato, in questo modo:

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

You can test it out here. Il risultato è ... beh, esattamente quello che hai in questione :)

Answer 2

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

Answer 3

perché rovinare in Javasript, mentre è possibile fare lo stesso con i CSS?

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

Answer 4

Se solo sembrare che la materia, quindi usare i CSS:

#twitter_update_list>li>span{ 
    display:block} 

Oppure, se si vuole veramente jQuery:

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