我有多個具有相同類的 div，我只需要將一個類放入某個 id，這表明我的順序不正確。而且，如果我將有一些下拉選單并且我將單擊一些帶有類的 div，則需要在 id 中顯示該類。這是我的代碼，你能幫幫我嗎？謝謝
var slideIndex = 1;
showDivs(slideIndex);
function plusDivs(n) {
showDivs((slideIndex = n));
}
function showDivs(n) {
var i;
var x = document.getElementsByClassName("mySlides");
if (n > x.length) {
slideIndex = 1;
}
if (n < 1) {
slideIndex = x.length;
}
for (i = 0; i < x.length; i ) {
x[i].style.display = "none";
document.getElementById("back").appendChild(x[i]);
}
x[slideIndex - 1].style.display = "block";
document.getElementById("get").appendChild(x[slideIndex - 1]);
}#get {
height: 300px;
width: 500px;
border: 1px solid red;
left: 100px;
position: absolute;
}
#get .mySlides {
display: block!important
}<button onclick="plusDivs(-1)"><</button>
<button onclick="plusDivs(1)">></button>
<div id="back">
<div id="one" class="mySlides">
<span class="Tx1">111</span>
</div>
<div id="two" class="mySlides">
<span class="Tx1">222</span>
</div>
<div id="three" class="mySlides">
<span class="Tx1">333</span>
</div>
</div>
<div id="get"></div>uj5u.com熱心網友回復：
在 javascript first 的元素索引為零，而不是 1。
const
dGet = document.getElementById('get')
, dBack = document.getElementById('back')
, slides = document.querySelectorAll('.mySlides')
, current =
{ slide : null
, index : 0
, len : slides.length
};
plusDivs(0);
function plusDivs(n)
{
// more easy with a modulo...
current.index = (current.index n current.len) % current.len;
if (current.slide) dBack.appendChild( current.slide )
current.slide = dGet.appendChild( slides[current.index] )
}#get {
height : 300px;
width : 500px;
border : 1px solid red;
left : 100px;
position : absolute;
}
#back {
display : none;
}<button onclick="plusDivs(-1)"><</button>
<button onclick="plusDivs(1)">></button>
<div id="back">
<div id="one" class="mySlides">
<span class="Tx1">111</span>
</div>
<div id="two" class="mySlides">
<span class="Tx1">222</span>
</div>
<div id="three" class="mySlides">
<span class="Tx1">333</span>
</div>
</div>
<div id="get"></div>轉載請註明出處，本文鏈接：https://www.uj5u.com/net/480969.html
標籤：javascript html
上一篇：連接兩個切換按鈕以相互切換