javascript设置元素背景颜色

Question

我有一个小的javascript函数,当点击具有onclick该功能的元素时,它会执行某些操作.

我的问题是:我希望,在这个函数中,设置字体颜色为具有此功能的html元素onclick.但我没有成功.我的代码:

<script type="text/javascript">
    function selecteazaElement(id,stock){
        document.addtobasket.idOfSelectedItem.value=id;
        var number23=document.addtobasket.number;
        number23.options.length=0;
        if (stock>=6) stock=6;

        for (i=1;i<=stock;i++){
            //alert ('id: '+id+'; stock: '+stock);
            number23.options[number23.options.length]=new Option(i, i);
        }
    }
</script>

以及我如何使用它:

<li id = "product_types">
    <a href="#" onclick='selecteazaElement(<?= $type->id; ?>,<?= $type->stock_2; ?>);'><?= $type->label; ?></a>
</li>

有什么建议？谢谢!

我添加了另一个功能(jquery one),它可以部分地完成我需要的功能.新问题是:我希望仅在最后点击的项目上设置背景颜色,而不是在我点击的所有项目上设置.上面的代码:

$(document).ready(function() {
    $('.product_types > li').click(function() {
    $(this)
        .css('background-color','#EE178C')
        .siblings()
        .css('background-color','#ffffff');
    });
});

任何想法为什么？

谢谢!

Answer 1

我会建议

$(document).ready(function() {
    $('.product_types > li').click(function() {
      $('.product_types > li').css('background-color','#FFFFFF');
      $(this).css('background-color','#EE178C');
    });
});