从文本框值更改链接颜色,然后使用Cookie存储

时间:2011-07-24 21:57:56

标签: jquery google-chrome cookies google-chrome-extension

我正在构建Google Chrome扩展程序,我必须更改texfield中的链接颜色,并使用jquery cookie插件将更改保存为cookie。这就是我想要做的事情:

$(document).ready(function(){

$('.linkbox').append('-&nbsp;<a class="save" href="#">&nbsp-;save</a><input id="textbox" name="textbox" value="" />');

$('#textbox').keypress(function(event) {
     if (event.which == '13') {
     event.preventDefault();
     $(".linkstochange").filter('a[href$="'+$(this).val()+'"]').addClass("green");
     $.cookie("linkstosave", "green", {path: '/'});
   }
});

var rememberme = $.cookie("linkstosave");
    if (rememberme == "green") {
        $(".linkstochange").filter('a[href$="'+$(this).val()+'"]').addClass("green");
};
});

HTML

<div class = "linkstochange">
<a href = "u123">firstlink</a>, <a href ="u333">secondlink</a>, <a href="u656">thirdlink</a>, <a href="u656">thirdlink</a>...
</div>

问题是,如果我点击“保存”链接,所有链接都会改变颜色(不仅仅是一个),然后如果我刷新页面,则不保存任何内容。我该怎么办?

1 个答案:

答案 0 :(得分:0)

我不知道你想用cookies做什么(你想保存什么:链接或类?)但是这段代码可能会帮助你:

http://jsbin.com/atisaf/31