How can I iterate over cookies using jquery (or just javascript)?

Question

I am using the "Cookie Plugin" by Klaus Hartl to add or update cookies at $(document).ready. I have another event that is supposed to iterate all the cookies and do something with the value of each cookie. How can I iterate over the collection of cookies and get the id and value of each?

I'm thinking something like this:

$.cookie.each(function(id, value) { 
            alert('ID='+id+' VAL='+value); 
        });

Answer 1

with that, you can get cookie with:

$.cookie(COOKIE_NAME)

Answer 2

well it's rather easy in plain javascript:

var keyValuePairs = document.cookie.split(';');
for(var i = 0; i < keyValuePairs.length; i++) {
    var name = keyValuePairs[i].substring(0, keyValuePairs[i].indexOf('='));
    var value = keyValuePairs[i].substring(keyValuePairs[i].indexOf('=')+1);
}

Answer 3

If you just want to look at the cookies it's not that hard without an extra plugin:

$.each(document.cookie.split(/; */), function(cookieString)  {
  var splitCookie = cookieString.split('=');
  // name is splitCookie[0], value is splitCookie[1]
});