Ich möchte meiner Website-Produktliste die Funktion "Produktvergleich" hinzufügen. Ich frage mich, wie ich mit Jquery eine Abfragezeichenfolge-URL von der Produktlistenseite erstellen kann. Sieht aus wie unter einem.

Ich muss vergleichen URL sollte wie folgt generiert werden, und maximales Produkt kann als 4 hinzugefügt werden

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

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

Ich kann mit diesen Abfragezeichenfolgenparametern auf compare.html umgehen.

<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.");
});