使用類X JavaScript更改所有鏈接的顏色

Question

鏈接示例

我使用以下功能：

<div align="center"><a href="#" onclick="changeColor('A'); return false;">A</a>
<script>
    function changeColor(id)
    {
        document.getElementById(id).style.color = "#FFF"; // forecolor
        document.getElementById(id).style.backgroundColor = "#ff0000"; // backcolor
    }
</script>

例如，當我點擊帶有示例的頁面上的A時，只有第一個鏈接正在改變顏色，因為腳本正在通過id更改顏色。 如何按班級更改所有鏈接顏色？

我想要的是當我點擊A時，所有與A類的鏈接都應該改變它們的顏色，當我點擊B時，所有與B類的鏈接都應該改變它們的顏色等。

Answer 1

function changeColor( _class ) {
    var elems = document.getElementsByClassName( _class );
    for (var i=elems.length; i--;) {
        elems[i].style.color = "#FFF";
        elems[i].style.backgroundColor = "#ff0000";
    }
}

小提琴

將函數更改為上面的函數，然后將類傳遞給它？

jQuery版本：

$('div[align="center"] > a').on('click', function(e) {
    e.preventDefault();
    $('.' + $.trim($(this).text())).css({color: '#fff', backgroundColor: '#ff0000'});
});

用HTML

<div align="center"><a href="#">A</a></div>

小提琴