Question

我正在通过脚本自动添加Twitter提要。我想在其中添加一个带有jquery的<br/>。现在就像这样

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

我希望在每个<br/>之后使用jquery添加</span>。所以就像这样

 <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

您可以使用.after()在每个选择器匹配后插入一个元素，如下所示：

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

You can test it out here。结果是......嗯，正是你在问题中所拥有的：）

Answer 2

为什么搞乱Javascript而你可以用CSS做同样的事情？

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

Answer 3

如果只看起来那么重要，那就用css：

#twitter_update_list>li>span{
    display:block}

或者如果你真的想要jQuery：

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

Answer 4

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

添加左后用jquery

4 个答案: