日期:2014-05-16  浏览次数:20347 次

怎样提高jquery的检索速度

jquery的:
	$('#disser').live('click',function(){
var code=$('#districtCode').val().trim();
$("tr[id=disTR]").hide();
$("td[id^="+code+"]").parents("#disTR").show();
});

html:
	<table cellspacing="0" border="0" cellpadding="0" width="100%">
<tr class="bottom_bg"><td>&nbsp;&nbsp;</td>
<td>&nbsp;&nbsp;</td></tr>
<tr>
<td class="left_menu_bg02">
<div style="width: 340px; height: 150px; margin-top: 0px; overflow: auto;"
class="left_menu_bg2" id="menuList">
<table width="100%"   class="listStyle"  id="distable">
    <tr><th width="40px">&nbsp;&nbsp;</td>
<th width="70px">地区代码</td>
<th>地区名称</td></tr>
<c:forEach items="${dis}" var="dis">
<tr id="disTR"><td><input type="checkbox"/></td>
<td id="${dis.districtCode}">${dis.districtCode}</td>
<td id="${dis.districtFullName}">${dis.districtFullName}</td></tr>
</c:forEach>
</table>
</div>
</td>
<td>
    <table>
<tr>
<td  align="right">地区代码:</td><td align="left"><input class="input_M3" id="districtCode" type="text"/></td>
</tr>
<tr>
<td  align="right">地区名称:</td><td align="left"><input class="input_M3" id="districtFullName" type="text"/></td>
</tr>
<tr><td>&nbsp;&nbsp;</td></tr>
<tr>
<td></td>
<td align="right">
<input name=""  id="disser" type="button" class="button_blue" value="查   询"  />
</td>
<tr>
</table>
</td>
<tr class="bottom_bg">
<td ></td>

<td align="right">
<input name=""  id="disadd" type="button" class="button_blue" value="保  存"  />&nbsp;&nbsp;
<input name=""  id="disnot" type="button" class="button_blue" value="取  消"  />
</td>
</tr>
</table>

大约3000多条数据,有点慢.用json最慢了,不想刷新……灰常不想用用iframe,求大神指点
------解决方案--------------------
@@应该再加个table限定,漏了。

distable

$('#disser').click(function(){
    var code = $('#districtCode').val().trim();
    $("#distable tr").hide();
    $("#distable tr[id^='" + code + "']").show();
});

------解决方案--------------------
引用:
引用:@@应该再加个table限定,漏了。

distable


JavaScript code

$('#disser').click(function(){     var code = $('#districtCode').val().trim();