當我點擊下一個按鈕時,需要通過迭代或通過純JavaScript中的data-id獲取每個循環的下一個div。點擊獲取使用JavaScript的每個循環的下一次迭代
var stepsWrp = document.querySelectorAll('.stepWrp');
stepsWrp.forEach(function(item, index){
\t item.addEventListener('click', function (event) {
\t \t if (event.target.nodeName === 'BUTTON' &&
\t \t \t event.target.innerText === 'Next' &&
\t \t \t event.target.classList.contains('nextBtn')
\t \t \t) { \t \t \t \t
\t \t \t
\t \t }
})
})
.stepWrp {
display:inline-block;
width:100px;
height:100px;
border:1px solid #ccc;
}
.active {
border:1px solid red;
}
<div class="stepWrp" data-id="1">
text content 1
<button class="nextBtn">Next</button>
</div>
<div class="stepWrp" data-id="2">
text content 2
<button class="nextBtn">Next</button>
</div>
<div class="stepWrp" data-id="3">
text content 3
</div>
什麼問題,特別是,你有這個實現自己呢? – halfer