如果我在這里弄錯了術語,我深表歉意。我在 html 中有一個圖像“網格”,我想使用 jQuery 隨機淡入每個元素。網格中的一項是徽標 - 我希望它最后淡出。網格大小可以更改,“徽標”的位置也可以不同。這是列表的簡化輸出。<ul id="homepage-grid" class="projectsgrid row"> <div id="item1"> <a href="http://website.com/" class="block" style="padding-bottom: 100%;background:url('15376.jpg')"> </a> </div> <div id="item2"> <a href="http://website.com/" class="block" style="padding-bottom: 100%;background:url('15376.jpg')"> </a> </div> <div id="itemlogo" style="opacity: 0;"> <a href="#" class="block" style="padding-bottom: 100%;"> <div style="background-image:url('logoonly.png')" title="" class="logoblock"></div> </a> </div> <div id="item4"> <a href="http://website.com/" class="block" style="padding-bottom: 100%;background:url('43576.jpg')"> </a> </div> <div id="item5"> <a href="http://website.com/" class="block" style="padding-bottom: 100%;background:url('15346.jpg')"> </a> </div></ul>我有以下腳本,它將元素收集到一個數組中。但我無法弄清楚如何將元素與集合中的“itemlogo”ID 匹配以將其拆分并將其推到數組的末尾,以便它最后“淡入”。我試過“div#itemlogo”、“#itemlogo”、“itemlogo”,但似乎沒有任何匹配項,也許我不知道我正在做的事情的名稱,我找不到任何參考。var elems = $('#homepage-grid > div').get(); // collect elementsconsole.log(elems); for (var i = elems.length - 1; i > 1; i--) { // Shuffle the order var j = Math.floor(Math.random() * (i + 1)); var elem = elems[j]; elems[j] = elems[i]; elems[i] = elem; } elms = elems.push(elems.splice(elems.indexOf('div#itemlogo'), 1)[0]); // pull logo to last?? var i = 0; var timer = setInterval(function() { // animate fade them sequentially console.log(elems[i]).id(); $(elems[i]).fadeTo( "slow" , 1); if (i === elems.length) { clearInterval(timer); } i++; }, 150);
通過 get() jQuery 分配的數組中的 ID 元素定位
慕標5832272
2022-11-27 17:27:21