作者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