首页 > 代码库 > dom操作例子
dom操作例子
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="http://www.mamicode.com/Scripts/jquery-1.8.2.min.js"></script> <script type ="text/javascript"> $(function () { $("#btnToLeft").click(function () { $("#sell option:selected").appendTo("#selr"); //如果添加的节点在dom树那么则直接会移动过去 //右侧排序 按照value的值进行排序 $("#selr option").sort(function (x, y) { return parseInt(x.value) - parseInt(y.value); //倒序 return parseInt(y.value) - parseInt(x.value); }).appendTo("#selr"); }); }); </script></head><body> <select id="sell" multiple ="multiple"> <option value ="http://www.mamicode.com/1">中国</option> <option value ="http://www.mamicode.com/2">德国</option> <option value ="http://www.mamicode.com/3">美国</option> <option value ="http://www.mamicode.com/4">意大利</option> <option value ="http://www.mamicode.com/5">英国</option> </select> <div > <input type ="button" id ="btnToLeft" value ="http://www.mamicode.com/-->" /> </div> <select id="selr" multiple ="multiple"> </select></body></html>
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。