元素移动

jy02409187 2013-01-22 11:44:12

<ul>
<li name="1">123</li>
<li name="2">5677</li>
<li name="3">24234</li>
<li name="4">8768</li>
<li name="5">4234</li>
<li name="6">645667</li>
</ul>

<button>移动</button>

当点击移动按钮时，要把 <li name="2">5677</li> 移动到最后面，并且移动之后li的所有事件都要保留。

求方法，谢谢！

...全文

186 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

魔术世界中文版 2013-01-22

打赏
举报


<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
	$(function(){
		$("#abv").click(function(){
			var t=$('li[name=2]');
			t.remove();
			$('ul').append(t);
		});
	})
</script>
<input type="button" id="abv" value="测试用按钮" />
<ul>
 <li name="1">123</li>
 <li name="2">5677</li>
 <li name="3">24234</li>
 <li name="4">8768</li>
 <li name="5">4234</li>
 <li name="6">645667</li>
 </ul>

fzfei2 2013-01-22

打赏
举报

用 appendChild 方法


<ul>
<li name="1">123</li>
<li name="2">5677</li>
<li name="3">24234</li>
<li name="4">8768</li>
<li name="5">4234</li>
<li name="6">645667</li>
</ul>
<script>
<button onclick="fn1()">移动</button>
 function fn1(){
    var li2=document.getElementsByName("2")[0];
     li2.parentNode.appendChild(li2)
   }
</script>

jy02409187 2013-01-22