onclick div颜色应更改

Question

我有几个箱子（超过100个），它们会动态创建

<div id="window5"></div>
<div id="window18"></div>
<div id="window190"></div>

现在，如果我单击一个框，颜色应为红色，然后如果我单击另一个框，则颜色应更改为红色（第一个框的颜色应变为正常）。我使用了一些类似这样的代码，但不是上css课。

我如何获得这种情况的动态ID。

CSS文件：

.selected {颜色：红色； }

使用JavasScript代码作为;

    <script type="text/javascript">

        $(document).ready(function () {

            $("div[id *= 'window']").click(function (e) {

                $(".selected").removeClass("selected");
                $(this).addClass("selected");
                e.stopPropagation();
            });
            $(document).click(function () {
                $(".selected").removeClass("selected");
            });
        });

    </script>

Answer 1

那是因为它们是生成的。 您必须使用.on语句。

 $("div[id *= 'window']").on('click', function (e) {

如果您使用的jQuery版本低于1.7，请改用.live() ：

 $("div[id *= 'window']").live('click', function (e) {

Answer 2

您将必须使用jquery的.live或.on，因为您会动态生成div。

要更改div的背景颜色，您必须在CSS中使用“ background-color”，而不是“ color”。

http://jsfiddle.net/fFcua/