Re: [問題] html寫成陣列

看板Ajax作者 (ka)時間14年前 (2012/02/19 15:35), 編輯推噓0(000)
留言0則, 0人參與, 最新討論串4/4 (看更多)
謝謝T大指導,讓我學到很多 另外又有個問題想請教 用了陣列套網頁內容的寫法之後,發現如果之後想要新增內容, 若陣列中有20組,則html部分也必須列出20個大的div 這方面如果要動態增加刪除div的話,是不是要用到for迴圈? 會用到的是getElementByName(),還是該用createElement()? 以我這個例子來說的話 <ul id="icListA"> <div class="icA"> <div class="textA"><li><a href="#" class="v1"></a></li></div> <div class="textA"><li><a href="#" class="v2"></a></li></div> </div> <div class="icA"> <div class="textA"><li><a href="#" class="v1"></a></li></div> <div class="textA"><li><a href="#" class="v2"></a></li></div> </div> <div class="icA"> <div class="textA"><li><a href="#" class="v1"></a></li></div> <div class="textA"><li><a href="#" class="v2"></a></li></div> </div> </ul> 我想要只寫一個 <div class="icA"> <div class="textA"><li><a href="#" class="v1"></a></li></div> <div class="textA"><li><a href="#" class="v2"></a></li></div> </div> 讓v1和v2可以依序或亂數引入陣列["AA","BB","CC"],該怎麼寫呢? 謝謝 ※ 引述《TonyQ (自立而後立人。)》之銘言: : ※ 引述《aoika (ka)》之銘言: : : 謝謝版上指導,用了each的方法 : : var A = ["AA", "BB", "CC"]; : : $.each( A, function( index , meal){ : : $("v1").append( A [index] ); : : 裡面區塊會出現全部的陣列也就是同時出現AABBCC : : 想請問我哪裡寫錯了嗎? : : 如果只想讓他們各出現一次,或是以亂數方式出現 : : 該怎麼寫比較好? : : 謝謝 : 理論上你應該不是寫 $("v1") 因為這樣抓不到任何東西 : 應該是 ".v1" ,討論的時候講精準一點比較不會有誤會。 : 看樣子你是想用陣列套網頁的內容, : 以你的需求,應該是要用 : var A = ["AA", "BB", "CC"]; : $(".v1").each(function(ind){ : $(this).append(A[ind] ); : }); : 想要亂入引入A陣列的話可以這樣做 : var A = ["AA", "BB", "CC"]; : $(".v1").each(function(ind){ : var random_ind = Math.round(Math.random() * A.length); : $(this).append(A[random_ind]); : }); -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 125.231.131.236
文章代碼(AID): #1FGAOmHS (Ajax)
文章代碼(AID): #1FGAOmHS (Ajax)