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

在李之间附加到div

  •  0
  • ntan  · 技术社区  · 14 年前

    我有以下代码

    <div id="element1" style="display:none"></div>
    
    <ul>
        <li id="item1">Item 1</li>
        <li id="item2">Item 1</li>
    </ul>
    

    单击时,我想将element1移到item1之后

    <ul>
        <li id="item1">Item 1</li>
        <div id="element1" style="display:none"></div>
        <li id="item2">Item 1</li>
    </ul>
    

    $('#element1').appendTo('#item1'); 
    

    李中的元素

    <li id="item1">Item 1 <div id="element1">...</div></li>
    

    感谢您的帮助

    1 回复  |  直到 14 年前
        1
  •  3
  •   Nick Craver    14 年前

    .insertAfter()

    $('#element1').insertAfter('#item1'); 
    

    但是 <div> <ul> 不是有效的HTML,只需插入 <li>

    $('#element1').wrap('<li />').parent().insertAfter('#item1');