ajouter <br/> prendre après</span> avec jquery

Question

Je reçois un flux Twitter automatiquement ajouté par un script. Je veux ajouter un <br/> avec jquery dedans. Maintenant, il est comme ça

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

Je veux ajouter un <br/> après chaque </span> avec jquery. de telle sorte que son ce type de

<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

Vous pouvez utiliser .after() pour insérer un élément après chaque sélecteur adapté, comme ceci:

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

You can test it out here. Le résultat est ... bien, exactement ce que vous avez dans la question :)

Answer 2

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

Answer 3

pourquoi déconner en Javasript pendant que vous pouvez faire la même chose avec CSS?

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

Answer 4

Si elle ne regarde que la matière, puis utilisez css:

#twitter_update_list>li>span{ 
    display:block} 

Ou si vous voulez vraiment jQuery:

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