代码之家  ›  专栏  ›  技术社区  ›  esafwan

用jquery添加<br/>take after

  •  6
  • esafwan  · 技术社区  · 15 年前

    我有一个自动添加脚本的twitter提要。我想加一个 <br/> 里面有jquery。现在是这样

        <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/> 每次之后 </span> 使用jquery。所以就这样

     <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>
    
    4 回复  |  直到 15 年前
        1
  •  13
  •   Nick Craver    15 年前

    你可以用 .after() 要在每个匹配的选择器之后插入元素,如下所示:

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

    You can test it out here . 结果是…好吧,正是你的问题:)

        2
  •  5
  •   balexandre    15 年前

    为什么在Javasript中搞砸了,而在CSS中也可以这么做呢?

    #twitter_update_list li span { display: block; margin-bottom: 10px; }
    
        3
  •  1
  •   Klaster_1 Нет войне    15 年前

    如果看起来很重要,那么使用css:

    #twitter_update_list>li>span{
        display:block}
    

    或者如果您真的需要jQuery:

    $('#twitter_update_list>li>span').after('<br/>');
    
        4
  •  0
  •   Anpher    15 年前

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