Quero adicionar "recurso de comparação de produtos" na lista de produtos do meu site. Eu estou querendo saber como posso fazer um URL de seqüência de caracteres de consulta da página de lista de produtos usando jquery. Parece abaixo de um.

Preciso comparar URL deve ser gerado como abaixo, e máximo produto pode ser adicionado como 4

<a href="Compare.html?P1=123&P2=124&P3=125&P4=126">Compare Products</a>

Violino:http://jsfiddle.net/taxjD/341/

Eu posso manipular esses parâmetros de string de consulta na página compare.html.

<div id="container" class="hidden">
    <p>There are 0 boxes</p>  
    **<a href="\compare.html?P1=123&P2=124&P3=125&P4=126">Compare</a>**
</div>
<div>
    <div>
        <h1>Product Name 1</h1>
        <a href="#" class="more"> + Add to compare</a>
        <span class="ProdId">123</span>
    </div>
    <div>
        <h1>Product Name 2</h1>
        <a href="#" class="more"> + Add to compare</a>
        <span class="ProdId">124</span>
    </div>
    <div>
        <h1>Product Name 3</h1>
        <a href="#" class="more"> + Add to compare</a>
        <span class="ProdId">125</span>
    </div>
</div>

Jquery

$(".more").click(function() {
    var id=$(this).next('.ProdId').html();
    $("#container").append("<div class='box'> "+ id + "<a href='#'>x</a></div>");
    var count = $(".box").length;
    $("p").text("There are " + count + " boxes.");
    $("#container").removeClass("hidden");
});

$(".box a").live("click", function() {
    $(this).parent().remove();
    var count = $(".box").length;
    $("p").text("There are " + count + " boxes.");
});