JQUERY 排序问题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="../jq/jquery-1.6.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#moveToRight").click(function () {
var items = $("#select1 option:selected").remove();$("#select2").append(items);
})
$("#moveToleft").click(function () {
var items = $("#select2 option:selected").remove(); $("#select1").append(items);
})
$("#moveToRight_all").click(function () {
var items = $("#select1 option").remove(); $("#select2").append(items);
})
$("#moveToaLeft_all").click(function () {
var items = $("#select2 option").remove(); $("#select1").append(items);
})

})

</script>
</head>
<body>
<table>
<tr><td><select id="select1" style=" width:130px;"multiple="multiple">
<option>测试一</option>
<option>测试二</option>
<option>测试三</option>
<option>测试四</option>
</select></td>

<td>
<input id="moveToRight" type="button" style="width:80px;" value=">" /><br />
<input id="moveToleft" type="button" style="width:80px;" value="<" /><br />
<input id="moveToRight_all" type="button" style="width:80px;" value=">>" /><br />
<input id="moveToaLeft_all" type="button" style="width:80px;" value="<<" /><br />
</td>

<td><select id="select2" style=" width:130px;"multiple="multiple" name="D1">

</select></td>

</tr>
</table>

</body>
</html>

比如第一次我点击的测试3 之后我再点击测试1 应该跑到测试3的上面。有没有简单的方法。我刚学JQUERY 很多写法都很笨。。所以想问问有没有简单的办法
再补充一下, 比如我活的一个 div 或者其他控件。

之后我想获得我取到这个DIV 的ID或者 其他属性 比如CLASS样式等。这应该怎么操作那?

第1个回答  推荐于2016-06-13
<script>
$(function () {
$("#moveToRight").click(function () {
var items = $("#select1 option:selected").remove();$("#select2").append(items);
px($("#select2"));

})
$("#moveToleft").click(function () {
var items = $("#select2 option:selected").remove(); $("#select1").append(items);
px($("#select1"));
})
$("#moveToRight_all").click(function () {
var items = $("#select1 option").remove(); $("#select2").append(items);
})
$("#moveToaLeft_all").click(function () {
var items = $("#select2 option").remove(); $("#select1").append(items);
})

})
function px(px_obj){
var temp_v=Array();
px_obj.children("option").each(function(){
temp_v.push($(this).attr('sx'));
});
temp_v.sort();
for(i=0;i<temp_v.length;i++){
px_obj.children("option").each(function(){
if($(this).attr('sx')==temp_v[i]){
$(this).appendTo(px_obj);
}
});
};

}
</script>

<table>
<tr><td><select id="select1" style=" width:130px;"multiple="multiple">
<option sx=1>测试一</option>
<option sx=2>测试二</option>
<option sx=3>测试三</option>
<option sx=4>测试四</option>
</select></td>

<td>
<input id="moveToRight" type="button" style="width:80px;" value=">" /><br />
<input id="moveToleft" type="button" style="width:80px;" value="<" /><br />
<input id="moveToRight_all" type="button" style="width:80px;" value=">>" /><br />
<input id="moveToaLeft_all" type="button" style="width:80px;" value="<<" /><br />
</td>

<td><select id="select2" style=" width:130px;"multiple="multiple" name="D1">

</select></td>

</tr>
</table>

获得属性方法 $(“ ”).attr()
如果是获得class 那么$(“div”).attr('class')追问

children 能不能详细的解释一下。和FIND 有什么区别吗。!

本回答被提问者采纳
第2个回答  2011-07-13
问题不太清楚,首先这个add页面是在一个iframe里还是新页面里还是div里?
数据是保存到数据库吗?
返回的时候,是重新刷新页面数据吗,还是仅仅在表格最后插入新数据?
如果是最后插入,那么只要再执行一遍排序就可以了。
另外可能tablesorter功能有不足,不支持重新排序。
如果是重新刷新的话,重新排序应该没有问题,估计应该不是完全重新刷新网页。
第3个回答  2011-07-12
你上面到底要实现什么功能哦!下面的可以先回答你:
var divclass=$("#divid").class;

JQUERY 排序问题
(function () { ("#moveToRight").click(function () { var items = $("#select1 option:selected").remove();$("#select2").append(items);px($("#select2"));})("#moveToleft").click(function () { var items = $("#select2 option:selected").remove(); $("#select1")...

jquery tablesorter 排序问题
is: function(s){ return false;},format: function(s){ return s..replace(\/,\/,""); \/\/将逗号去掉 },type: "numeric" \/\/按数值排序 });("#mytable").tablesorter({headers:{4:{sorter:"floatsorter"}}});我也是复制的 http:\/\/ollevere.iteye.com\/blog\/1671801 可是我改了,O(∩_...

jquery.dragsort.js拖动图片重新排序,怎么获取排序的结果赋值到一个 in...
function GetNewOrder() { var str = ""; $("ul li div img").each(function () { str += $(this).attr("src") + "||"; }); alert(str.substring(0,str.length-2)); } 3.结果显示图

关于jquery sorttable拖拽排序之后如何保存位置到数据库优化算法_百 ...
3、把b拖拽到f后面,当遇到最末端的数值时把他们的序号6+1=7 这时候把3种情况name为b的序号值保存进数据库,下次刷新排序之后的结果看起来是没有问题的 但这玩意用久了,也就是说给管理员拖了很多次b的数据之后会不停的上下相加然后相除,虽然序号我定义的是double类型,但已经去到-28E位数,记...

jquery怎么将下面图片里的日期取出来并进行时间先后顺序进行排列??_百...
}sort()方法是对字符串进行排序的,数字会出现问题,可使用以下方法解决 var arr = new Array(6)arr[0] = "10"arr[1] = "5"arr[2] = "40"arr[3] = "25"arr[4] = "1000"arr[5] = "1"function sortNumber(a, b){ return a - b}document.write(arr.sort(sortNumber))

怎么实现网站系统排序问题?
JQUERY->tablesorter

...点击成绩 根据成绩列降序排列 使用jquery的方法
数据库?EXCEL实现点击排序,需要VBA监测SELECETCHANG过程,排序倒不复杂

求 网页每刷新一次 图片排序随机更改 js代码
\/> 则,用jq可以如下实现 (document).ready(function(){ ("div img").each(function(){ if(parseInt(Math.random()*2)==0)(this).prependTo($(this).parent());});});这只是抛砖,你可以自己想想具体怎么去实现随即排序的问题。

...我把表头单独做了一个TABLE,现在怎么实现数据排序?? 如果能给现成...
用js 刷新这个页面本身就是了 比如点击 用户名这个地方 刷新你的这个页面 sql 语句改变条件 用jquery的ajax方式做 可以实现不刷新

相似回答