更改背景顏色（jQuery的CSS3？）

更新：

作爲繼扎克索西耶說明，添加以下代碼：

this.onclick = function() { this.style.background = "red"; this.innerHTML = "Bought"; }

所以按鈕是：

<a onclick="javascript:func(this)" class="ajax_add_to_cart_button comprar_mat" rel="ajax_id_product_14" href="../cart.php?add&amp;id_product=14" id="matricularme">Matricularme</a>

但仍然無法正常工作

我想加上我的網站的幾個按鍵有一定的影響，我不能夠做到這一點。

的HTML鏈接（如圖按鈕）看起來是這樣的：

<td class="marker"> 
    <a class="ajax_add_to_cart_button comprar_mat" rel="ajax_id_product_14" href="../cart.php?add&amp;id_product=14">Buy it now!</a> 
</td>

正如你可以看到這個按鈕將在我的網站上的產品，我只是想改變整個文本爲「購買」文本並替換背景也。

我應該使用什麼？任何類型的JQuery？或者，也許只是添加一個CSS樣式，其中一個精靈圖像是「立即購買！」和「買」，所以只需更改背景位置？

感謝

來源

2014-02-15 Xavi Alsina

最有可能會是最好的使用JavaScript來做到這一點。它需要點擊事件，像'this.onclick = function（）{this.style.background =「red」; this.innerHTML =「買」; }' –

如示例中所示添加事件不起作用（也在文件中添加js）// Buy it now! –

要麼是這個，要麼是使用'onclick'事件作爲主播 –

對於這個HTML

<td class="marker"> 
    <a onclick="buy()" id="myid">Buy it now!</a> 
</td>

設置這個JS

function buy() { 
    var ele=document.getElementById("myid"); 
    ele.style.background = "red"; 
    ele.innerHTML = "Bought"; 
}

fiddle

另一個版本，納入reusabilitysugested扎克和變量字符串處理：

<td class="marker"> 
    <a onclick="buy(this)" id="myid">Buy it now!</a> 
</td> 
<br> 
<td class="marker"> 
    <a onclick="buy(this)" id="myid">Buy it as gift!</a> 
</td> 


function buy(ele) { 
    ele.style.background = "red"; 
    ele.innerHTML = ele.innerHTML.replace("Buy it", "Bought"); 
}

demo

來源

2014-02-15 18:39:52 vals

它的工作原理完美。非常感謝（我不能贊成沒有足夠的聲譽，所以任何人都可以將它作爲最佳答案投票嗎？） –

不是很重要，但你可以接受答案。如果你得到一個你認爲解決了你的問題的答案，接受它（在upvote-downvote按鈕的同一位置有一個複選標記aprox） – vals

我建議將它自己作爲參數傳遞，以便函數可以重用（：http://jsfiddle.net/rU7yd/1/ –

更改背景顏色（jQuery的CSS3？）

回答

相關問題