要素の親を見つけようとしていますが、それは親が最初の子です。コードは次のようになります。
<ul class="lowerMenu">
<li><a href="" class="selected">Welcome</a></li>
<li><a href="">Logo</a></li>
<li><a href="">Websites</a></li>
<li><a href="">Stationery</a></li>
<li><a href="">Illustration</a></li>
<li><a href="">Full Pack</a></li>
</ul>
function setIntervalAndExecute() {
changeImages();
setTimeout(function(){
showImages(imagesArray);
},500);
var intervalot = window.setInterval(function(){
changeImages();
var selected = $('.selected');
if (!selected.parent().is(':last-child')) {
$('.selected').parent().next().children().addClass('selected');
selected.removeClass('selected');
} else {
$('.selected').parent().parent().children(':first-child').addClass('selected');
selected.removeClass('selected'); // nesho ne mi rabotit ovdeki
}
window.setTimeout(function(){
showImages(imagesArray);
},500);
},10000);
return intervalot;
}
var intervalot = setIntervalAndExecute();
私はそれが少し複雑であることを知っていますが、私は jquery に慣れていないので、クラス「選択」が最後の要素に到達した後、それを削除して最初の要素に設定したいと考えています。私はこれを試してみましたが、うまくいかないようです
$('.selected').parent().parent().children(':first-child').addClass('selected');
最後の要素に到達すると、間隔が 2 回実行されてから停止します。これは私が取り組んでいるサイトです: