.hasClass() 忘记课堂作业。为什么？

Question

代码：

<script>

    $(document).ready(function () {

        $('#lifegrid tr td').click(function () {
            $(this).addClass('selected');
        });

        $('#animatebutton').click(function () {
            $(this).addClass('green');
            animate();
        });

        function animate() {

            var cell = [];

            for (var x = 0; x < 16; x++) {  

                cell[y] = [];

                for (var y = 0; y < 8; y++) {

                    if ($('#' + x + ',' + y).hasClass('selected')) {
                        cell[x,y] = 'alive';
                        console.log( x + "," + y + " is alive")

                    } else {
                        cell[x,y] = 'dead';
                        console.log( x + "," + y + " is dead")
                    }
                }
            }
        }
    });

</script>

我的代码还包含一个 <table> 和 <td> 元素，所有这些元素的 id 格式为“x,y”。示例：id="4,12"。

此代码仅返回“<coordinate> 已死”，无论该元素是否已分配“选定”类。为什么？

Answer 1

在元素“id”值中使用逗号是有问题的，因为逗号是 CSS 选择器元字符。

如果您用反斜杠转义逗号（或使用逗号以外的其他内容），它应该可以工作。

                if ($('#' + x + '\\,' + y).hasClass('selected')) {

请注意，我使用了 双 反斜杠，因为有必要让反斜杠超过字符串常量语法。