所以。我有 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>
但它不起作用。有什么想法可以解决这个问题吗？
最佳答案
只需将 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>关于javascript - 单击更改 div 背景颜色，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41440423/