div排序 根据《input》

jquery代码如下
$(function(){
//alert($("input").length);
var arr=Array();
$("input").each(function(){
arr.push($(this).val())
})
//alert(arr);
arr=paixu(arr); // 排序后的数组
//alert(arr);
for(var i=0;i<arr.length;i++){ //把元素重新插一遍
$(".container").append($("input[value="+arr[i]+"] ").parent().parent());
}
//alert(str);
});

function paixu(array){ //冒泡排序函数
var i = 0, len = array.length,
j, d;
for(; i<len; i++){
for(j=0; j<len; j++){
if(array[i] < array[j]){
d = array[j];
array[j] = array[i];
array[i] = d;
}
}
}
return array;
}

时间: 2024-11-06 05:28:21

div排序 根据《input》的相关文章

jquery &lt;div&gt; 排序

var asc_active = function(a, b) { var av = Number($(a).find('.active_num .v').html()); var bv = Number($(b).find('.active_num .v').html()); return av>bv ? 1 : -1;}var desc_active = function(a, b) { var av = Number($(a).find('.active_num .v').html());

jqurey 遍历 div内的所有input单选复选按钮并判断是否选中

关于页面前面标签 <ul> @{ foreach (var item in vote) { if (!string.IsNullOrEmpty(item.Img)) { <li class="vop"> @if (!string.IsNullOrEmpty(item.VoteText)) { <a href="[email protected]&[email protected]"> <img src="@

用Jq遍历一个div里面的所有input 并判断是否为空?

<!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> <sc

angular学习input输入框筛选

学习angular,看到 angular-phonecat测试用例,照着教程运行了一遍,对于初学者有点不是很理解angular 帅选代码的意思,于是找教材,参考资料,明白了input筛选原来这么简单. html部分 <!doctype html> <html lang="en" ng-app="listModule"> <head> <meta charset="UTF-8"> <meta n

asp.net js 倒计时总秒数量 和 排序

Edit in JSFiddle JavaScript HTML CSS Result h1 { font-family: "微软雅黑"; font-size: 40px; margin: 20px 0; border-bottom: solid 1px #ccc; padding-bottom: 20px; letter-spacing: 2px; } .time-item strong { background: #C71C60; color: #fff; line-height:

angularjs中的排序和过滤

页面效果: 说明:1.在输入框中输入姓名或年龄,可以对表格内的数据做过滤    2.点击姓名,可以对姓名字段做排序.排序方式可逆转. 3.点击年龄,可以对年龄字段做排序.排序方式可逆转. 代码实现: <script> angular.module('myApp',[]) .controller('Aaa',['$scope','$filter',function($scope,$filter){ var oriArr = [ { name : "red" , age : &

asp.net Repeater拖拽实现排序并同步排序字段到数据库中

数据库表中有一个单位表,里面包括ID.Name.Order等字段,现在有个后台管理功能,可以设置这些单位在某些统计表格中的先后显示顺序,于是想到用拖拽方式实现,这样操作起来更简便. 使用了GifCam软件做了一个示例动画,效果如下图所示: 于是就动手起来,发现jquery.ui中提供sortable函数,可用于排序,界面中从数据库绑定的单位使用Repeater控件,下面简单介绍下主要步骤: 1.项目中使用到的jquery-1.7.2.min.js和jquery-ui.min.js请点击进行下载,

随机排序和从大到小排序以及从小到大排序

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 *{ 8 margin: 0; 9 padding: 0; 10 } 11 li{list-style: none;} 12 #box{ 13 width: 500px;

AngularJS实现产品列表(页面搜索,排序)

标签属性介绍 ng-class="{className:expression}" 如果expression为true,则使用className这个class. ng-click="functionName(pram)" 这跟onclick是一样的,点击就执行functionName(pram). ng-repeat="i in set | filter:filterExpression or filterFunction| orderBy:order+or