中国第一Ajax站长门户:www.okajax.com   虚拟主机 域名注册 云主机

jquery对象数组调用请注意以下问题 - okajax.com - Ajax中国

我要投稿 会员登陆 RSS订阅 本站推荐:
您的位置主页 > Ajax技术 > Ajax框架学习 > jquery.js > jquery对象数组调用请注意以下问题

jquery对象数组调用请注意以下问题

2008-08-26    文章来源:互联网    浏览次数:

jquery获得的标签对象 在形成数组的时候,要对其中的某个进行调用是不容易直接调用的;

如:

<div>
<input type="button" value="+" onClick="$(this).parent().parent().append($(this).parent().next().clone());" />
<input type="button" value="-" onClick="var objlen = $(this).parent().parent().children().length;if(objlen>2) $(this).parent().parent().children().eq(objlen-1).remove();" />
</div>
<div>
<input name="photo[]" type="file" id="photo" />
</div>

这个是用children()的时候是OK的,但当菜单内容交换效果显示时,使用eq()将不能实现,需要用新变量接管下$(a).parent().parent().next().children()产生的数组children

<div class="libox">
<div class="libox_title">
<div class="libox_txt">{# $info.0.name #}推荐</div>
<div class="libox_select">
<a href="javascript:void(0);" onclick="infoshow(this,0);">1</a><a href="javascript:void(0);" onclick="infoshow(this,1);">2</a><a href="javascript:void(0);" onclick="infoshow(this,2);">3</a><a href="javascript:void(0);" onclick="infoshow(this,3);">4</a>
</div>
<a href="#" class="more">more</a>
</div>
<div class="libox_con">
<table class="w97" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="#">1</a></td>
<td>&nbsp;</td>
<td>08</td>
</tr>
</table>
<table class="w97" border="0" cellspacing="0" cellpadding="0" style="display:none;">
<tr>
<td><a href="#">2</a></td>
<td>&nbsp;</td>
<td>08</td>
</tr>
</table>
<table class="w97" border="0" cellspacing="0" cellpadding="0" style="display:none;">
<tr>
<td><a href="#">3</a></td>
<td>&nbsp;</td>
<td>08</td>
</tr>
</table>
<table class="w97" border="0" cellspacing="0" cellpadding="0" style="display:none;">
<tr>
<td><a href="#">4</a></td>
<td>&nbsp;</td>
<td>08</td>
</tr>
</table
</div>
</div>

function infoshow(a,b){
if(a){
   c = $(a).parent().parent().next().children();
   $(c).hide();
   $(c[b]).show();
}
}

文章评论(查看全部)

看不清楚?单击换一张。
loading.. 评论加载中....
关于我们 - 广告服务 - 版权隐私 - 免责声明 - RSS地图 - 网站地图 - 使用帮助 - 返回顶部