作者aoika (ka)
看板Ajax
標題Re: [問題] html寫成陣列
時間Sun Feb 19 15:35:10 2012
謝謝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