一次尴尬的面试经历,幡然醒悟,自己基础太差了,需要低头潜心研究123abc了。别不多说,如题做个js排序,eg给一个表格做排序,直接上代码:
js部分
<script src="jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
var ascing = 1;
function sort() {
var trs = $("#data").children();
trs.sort(function myfunction(a,b) {
var av = $(a).children(".age").text() * 1;
var bv = $(b).children(".age").text() * 1;
if (ascing == 1)
return av - bv;
else
return bv - av;
});
$("#data").empty().append(trs);
ascing = -ascing;
}
</script>
页面部分:
<div><button οnclick="sort()">排序</button></div>
<table>
<thead>
<tr>
<td style="width:100px;">id</td>
<td style="width:100px;">name</td>
<td style="width:100px;">age</td>
</tr>
</thead>
<tbody id="data">
<tr>
<td>1</td>
<td>aaa</td>
<td class="age">11</td>
</tr>
<tr>
<td>2</td>
<td>www</td>
<td class="age">12</td>
</tr>
<tr>
<td>3</td>
<td>ew</td>
<td class="age">5</td>
</tr>
<tr>
<td>4</td>
<td>fffd</td>
<td class="age">102</td>
</tr>
<tr>
<td>5</td>
<td>e二恶烷w</td>
<td class="age">51</td>
</tr>
<tr>
<td>6</td>
<td>ff让人fd</td>
<td class="age">1</td>
</tr>
</tbody>
</table>
效果:可按年龄列数值大小排列