jquery添加同级元素

$('#one').append('<div id="three"></div>')

or

$('#two').after('<div id="three"></div>')

你好！

获取同辈的元素，有个siblings()方法，这个可以获取到同级的所有元素

还有prev()、next()分别获取之前和之后的元素，这是取向前或向后的一个元素

prevAll()、nextAll()是获取之前和之后的所有同级元素

<ul>

   <li>list item 1</li>

   <li>list item 2</li>

   <li class="third-item">list item 3</li>

   <li>list item 4</li>

   <li>list item 5</li>

</ul>

$("li.third-item").siblings() //可以获取4个li元素

$("li.third-item").prev()   //取得item2

$("li.third-item").next()   //取得item4

$("li.third-item").prevAll()  //取得item1 itme2

$("li.third-item").nextAll()  //取得item4 item5

还有种方式就是通过siblings()方法获取到同级元素后，使用eq()方法定位元素

var $lis = $("li:last").siblings()

$lis.eq(0)

希望对你有帮助！

多看文档..

html是 *** 作元素innerHTML属性, 直接 *** 作这个属性会导致元素内部所有元素的事件绑定被清除

比如

$('div').append($('<span>').html('test').click(function(){alert('Click')}))

$('div').html($('div').html())

然後span上绑定的click事件就没了

after是在元素的同级到後面添加新元素

<div id="outer">

<div id="inner"></div>

</div>

$('#inner').after('<span>')

能把一个标签替换成另一个标签的是

replaceAll和replaceWith

html并不会把<div>变成<h2>

---