thêm <br/> chụp sau</span> với jquery

Question

Tôi đang tự động thêm nguồn cấp dữ liệu twitter do tập lệnh. Tôi muốn thêm một <br/> với jquery trong đó. Bây giờ là như thế này

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

Tôi muốn thêm một <br/> sau mỗi </span> với jquery. do đó nó như thế này

<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

Bạn có thể sử dụng .after() để chèn một phần tử sau mỗi bộ chọn phù hợp, như thế này:

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

You can test it out here. Kết quả là ... tốt, chính xác những gì bạn có trong câu hỏi :)

Answer 2

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

Answer 3

tại sao rối tung lên trong JavaScript khi bạn có thể làm tương tự với CSS?

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

Answer 4

Nếu nó chỉ nhìn vấn đề đó, sau đó sử dụng css:

#twitter_update_list>li>span{ 
    display:block} 

Hoặc nếu bạn thực sự muốn jQuery:

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