Question

我試圖使用Optimizely在網站上的所有產品頁面上設置添加到購物車按鈕的顏色來設置A/B測試。

這裏的

<input id="id-for-test" class="add_to_cart_list" value="Add to Cart" name="Add to Cart" type="button" 
                onclick='sendToDataLayer("Category Lower", "Add to cart");return cat_add_one_to_cart("<?= $p["id"] ?>", "<?= $param_sku ?>", "<?= $output_price ?>", "<?= $path ?>", "<?= $can_buy_limit ?>" ,"<?=$this_page_type?>")'/> 

我在Optimizely代碼編輯器中添加這一點，它不工作

$('#id-for-test').removeClass('add_to_cart_list').addClass('color-test'); 

Answer 1

給每個車input元素的通用類，如cart-class在網站上當前的代碼：

<input id="id-for-test" class="cart-class add_to_cart_list" value="Add to Cart" name="Add to Cart" type="button" 
    onclick='sendToDataLayer("Category Lower", "Add to cart");return cat_add_one_to_cart("<?= $p["id"] ?>", "<?= $param_sku ?>", "<?= $output_price ?>", "<?= $path ?>", "<?= $can_buy_limit ?>" ,"<?=$this_page_type?>")'/> 

然後查詢基於class in替代ID：

$('.cart-class').removeClass('add_to_cart_list').addClass('color-test'); 

ID應該是唯一的，所以查詢只是停止查找後，它發現它的第一個實例。使用一個類，以便將更改應用於所有實例。

Answer 2

我想這應該做的伎倆：

$('input.add_to_cart_list').removeClass('add_to_cart_list').addClass('color-test');