agregar <br/> tomar después de</span> con jquery

Question

Tengo un feed de Twitter agregado automáticamente por un script. Quiero agregar un <br/> con jquery. Ahora es como esta

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

Quiero añadir un <br/> después de cada </span> con jQuery. de manera que es como esta

<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

Puede utilizar .after() para insertar un elemento después de cada coincidan con el selector, así:

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

You can test it out here. El resultado es ... bueno, exactamente lo que tiene en la pregunta :)

Answer 2

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

Answer 3

por qué echar a perder en Javasript mientras que usted puede hacer lo mismo con CSS?

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

Answer 4

Si solo se ve el caso, a continuación, utilizar CSS:

#twitter_update_list>li>span{ 
    display:block} 

O si realmente quiere jQuery:

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