前两天做了个友情链接管理平台,在管理网站和链接不断增多的情况下,想在网站上选择已有的链接,但是纵多的链接让人眼花缭乱,于是在页面上使用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)输入网址搜索链接&nbsp;<input type='text' name='search' size='40'/>&nbsp;<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/"/>&nbsp;<a href="http://www.wodeblog.com/" target="_blank" name='php个人博客'>php个人博客</a>&nbsp;
<input type="checkbox" name="url[]" value="2" rel="http://www.lan8china.com"/>&nbsp;<a href="http://www.lan8china.com" target="_blank" name='热点中国'>热点中国</a>&nbsp;
</td></tr>
</table>原文地址:http://www.wodeblog.com/archives/416