我在定位共享相同类名的特定 div 时遇到问题。在下面的代码中，我将所有 div 隐藏在 css 文件中，但我在 jQuery 脚本中显示它们。但是，我不想显示所有这些，而是只想显示一个特定的 div，但我不想使用 div 的特定 ID。我的观点是进行循环，我将在其中旋转显示哪个 div。
$(document).ready(function(){
let divs = $('.divs');
divs.css('display', 'block');
});#div1 {
background-color: rgb(246, 210, 88);
}
#div2 {
background-color: rgb(239, 206, 197);
}
#div3 {
background-color: rgb(136, 177, 75);
}
#div4 {
background-color: rgb(151, 213, 224);
}
#div5 {
background-color: rgb(239, 86, 45);
}
.divs {
width: 300px;
height: 300px;
display: none;
}<!DOCTYPE html>
<html>
<head>
<title>Slider Exercise</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="divs" id="div1"></div>
<div class="divs" id="div2"></div>
<div class="divs" id="div3"></div>
<div class="divs" id="div4"></div>
<div class="divs" id="div5"></div>
<!-- Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="viktor.js"></script>
</body>
</html>最佳答案
你的意思是做这样的事情？
$(document).ready(function(){
let divs = $('.divs');
let i = 0;
setInterval(function() {
divs.hide();
$(divs[i++]).show();
if (i >= divs.length)
i = 0;
}, 1000);
});#div1 {
background-color: rgb(246, 210, 88);
}
#div2 {
background-color: rgb(239, 206, 197);
}
#div3 {
background-color: rgb(136, 177, 75);
}
#div4 {
background-color: rgb(151, 213, 224);
}
#div5 {
background-color: rgb(239, 86, 45);
}
.divs {
width: 300px;
height: 300px;
display: none;
}<!DOCTYPE html>
<html>
<head>
<title>Slider Exercise</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="divs" id="div1"></div>
<div class="divs" id="div2"></div>
<div class="divs" id="div3"></div>
<div class="divs" id="div4"></div>
<div class="divs" id="div5"></div>
<!-- Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="viktor.js"></script>
</body>
</html>关于javascript - 如何使用 jQuery 从多个具有相同类名的元素中选择一个特定元素 (div)？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48216134/