Javascript/jQuery obtener todos los parámetros de URL y añadir/cambiar una

Question

tengo la siguiente url

http://www.domain.com?page=options&tab=general 

Quiero ser capaz de llegar al parámetro de pestaña y cambiarlo por ejemplo

Tengo dos pestañas General & Estilos y cuando hago clic en estilos, quiero un campo oculto (que tenga esta url como un valor) para cambiar para que lea la misma URL pero con el parámetro de pestañas cambiado a estilos. Por lo que se vería así

http://www.domain.com?page=options&tab=styles 

Sin embargo, esta URL no puede tener la pestaña de parámetros cuando la página se carga por eso es necesario para poder agregar un parámetro a la cadena de consulta URL.

Habrá muchos más lengüetas así que no puedo acaba de sustituir el texto general con estilos

Alguien sabe? Gracias

Answer 1

var s = "http://www.domain.com?page=options&tab=general" 
var queryString = s.substring(s.lastIndexOf("?") + 1); 
var newQueryString = $.map(queryString.split("&"), function(pair) { 
    var p = pair.split("="); 
    if (p[1] == "general") { 
    p[1] = "styles"; 
    return p.join("="); 
    } else { 
    return pair; 
    } 
}).join("&");