Question

在我的视图中我有很多链接，它们包含数字 - 事件比率。它的表有3列多行。

    <div class="links">
        <div id="multiply">
            <table class="table_blur">
                @foreach (Models.Game game in Model)
                {
                <tr>
                    <td><a class="zxc">@game.win1</a></td>
                    <td><a class="zxc">@game.win2</a></td>
                    <td><a class="zxc">@game.draw</a></td>
                </tr>
                }
            </table>
        </div>
    </div>

<div class="menu_body" id="owl">

                    </div>
<div class="men" id="bw">

                    </div>

例如@ game.win1 =“2.21”其字符串

我有功能：

<script type="text/javascript">
    $(document).ready(function () {
        var counter = 0;
        var clicks = 0;
        var links = document.getElementsByClassName("zxc");

        for (var i = 0; i < links.length; i++) {
            links[i].isClicked = false;
        }
        $('.links a').click(function () {
            if (clicks == 0) {
                counter++;
                $(this).isClicked = true;
                $(this).toggleClass('clicked');
            } else {
                counter--;
                $(this).isClicked = false;
                $(this).removeClass('clicked');
            }
            ++clicks;

            var arr = 0;
            for (var i = 0; i < links.length; i++) {
                if (links.isClicked) {
                    arr *= links[i].style.innerHTML;
                }
            }
            $("#owl").html(counter);
            $("#bw").html(arr);
        });
    });
</script>

CSS

a.clicked{
    background-color: yellow;
}

我的问题：

如果点击链接，背景会发生变化，但如果此链接第二次点击，则背景会在开始位置发生变化。
如果点击链接，请点击++，但如果此链接第二次点击，则反击 - 它的数量需要在我的“猫头鹰”课上显示。
如果点击了链接，则值（比率）需要在bw类中显示，如果其他链接也被点击，则比率乘以其他比率（例如2.21 * 3.15）。

Answer 1

如果点击了链接，背景会发生变化，但如果此链接第二次点击，则背景会在开始位置发生变化。

$('.links a').click(function(){
  if($(this).css("background-color") == "yellow")
    {
      $(this).css("background-color", "white");
    }
   else
    {
      $(this).css("background-color", "yellow");
    }
  counter++;
  $("#owl").html($(this).text + " Clicked " + counter);
  $("#bw").html(arr); //this one I don't know what you need..
});

很抱歉，我不知道这是否是您需要的，但它会在背景中进行更改，增加计数器并在“猫头鹰”元素上显示事件。

isClicked数组链接Jquery

1 个答案: