js jquery 页面搜索

[y244360439]

前两天做了个友情链接管理平台，在管理网站和链接不断增多的情况下，想在网站上选择已有的链接，但是纵多的链接让人眼花缭乱，于是在页面上使用jquery做了一个简单的搜索。
原理：在点击搜索的时候，得到用户输入的搜索链接地址，然后遍历所有的链接地址，查找与搜索地址相同的友情链接。
原理很简单，做法也简单，不过功能还是挺好使的。
js代码：

$(document).ready(function(){  
$('a[name=search]').click(function(){
        var searchurl = $('input[name=search]').val();
        var searchurl2;
        if(searchurl.charAt(searchurl.length-1)=='/')searchurl2 = searchurl.substr(0,searchurl.length-1);
        else searchurl2 = searchurl+'/';
        $('input[name*=url]').each(function(){
            if($(this).attr('rel')==searchurl||$(this).attr('rel')==searchurl2){
                $('a[href="'+$(this).attr('rel')+'"]').css("background","#CCC");
                return false;
            }
        });
    });
});

html代码：

<table width="100%" border="0" cellspacing="1" cellpadding="0" class="ttd" style="border-top:#ccc solid 1px;">
<tr class="hangcss">
<td align='center'>
（形式:http://www.wodeblog.com）输入网址搜索链接 <input type='text' name='search' size='40'/> <a href='javascript://' name="search">点击搜索</a>
</td></tr>
<tr class="hangcss">
<td align='center'>
<input type="checkbox" name="url[]" value="1" rel="http://www.wodeblog.com/"/> <a href="http://www.wodeblog.com/" target="_blank" name='php个人博客'>php个人博客</a> 
<input type="checkbox" name="url[]" value="2" rel="http://www.lan8china.com"/> <a href="http://www.lan8china.com" target="_blank" name='热点中国'>热点中国</a> 
</td></tr>
</table>

原文地址：http://www.wodeblog.com/archives/416