Я хочу добавить «функцию сравнения товаров» в список товаров на моем веб-сайте. Мне интересно, как я могу сделать URL-адрес строки запроса на странице списка продуктов с помощью Jquery. Похоже, ниже одного.

Мне нужно сравнить URL должен быть сгенерирован как показано ниже, и максимальный продукт может быть добавлен как 4

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

Скрипка:http://jsfiddle.net/taxjD/341/

Я могу обработать эти параметры строки запроса на странице 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.");
});