Question

因此。我有2个输入（x，y），当按提交代码时绘制div（例如：5x5）。我想在点击div时更改div背景颜色。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Feladat10</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<form method="post">
    <input type="text" name="x"/>
    <input type="text" name="y"/>
    <input type="submit" name="submit"/>
</body>
</html>

<?php
if(isset($_POST['submit']))
{
    $x = $_POST['x'];
    $y = $_POST['y'];
    echo "<br/>";
    for($i=1; $i <= $x; $i++)
    {
        echo "<br/><div class='tile'>".$i."</div>";
        for($j=1; $j < $y; $j++)
        {
            echo "<div class='tile'>".$j."</div>";
        }
    }
}
?>

我正在尝试使用此代码：

<script>
    $(function () {
        $(".tile").click(function () {
            $(this).css('background-color', '#000000');
        });
    });
</script>

但它不起作用。任何想法如何解决这个问题？

Answer 1

只需将jquery.min.js文件添加到适当的位置即可。

<script>
    $(function () {
        $(".tile").click(function () {
           $(this).css("background-color","black");
         });
      });
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div class='tile'>one</div>
<div class='tile'>two</div>

Answer 2

我找不到附加到你的html文件的jquery

单击更改div背景颜色

2 个答案: