
初学jquery,对jquery节点不是很熟悉
<divclass="tools"><ulclass="ai_tWrapfixed"><li><ahref="#"class="aitIcoicon63"title="下...
<div class="tools">
<ul class="ai_tWrap fixed">
<li><a href="#" class="aitIco icon63" title="下载">图标</a></li>
<li><a href="#" class="aitIco icon64" title="预览">图标</a></li>
<li><a href="#" class="aitIco icon65" title="勾选">图标</a></li>
<li><a href="#" class="aitIco icon66" title="更多">图标</a></li>
</ul>
<!--点击图标弹出下拉菜单-->
<div class="ai_pullMenu" style=" top:20px; left:90px; display:none;">
<ol>
<li><a href="#">删除</a></li>
<li><a href="#">更新为</a></li>
<li><a href="#">重命名</a></li>
<li><a href="#">隐藏</a></li>
<li><a href="#">历史版本</a></li>
<li><a href="#">操作记录</a></li>
</ol>
</div>
<!--点击图标弹出下拉菜单end-->
</div>
因为这个层是遍历后写到jsp页面的,所以这个层会有很多个,希望能根据样式达到以下效果,就是点击样式为 icon66的 图标 会将 样式为 ai_pullMenu的层显示出来,而不是将所有的这个层都显示出来。 展开
<ul class="ai_tWrap fixed">
<li><a href="#" class="aitIco icon63" title="下载">图标</a></li>
<li><a href="#" class="aitIco icon64" title="预览">图标</a></li>
<li><a href="#" class="aitIco icon65" title="勾选">图标</a></li>
<li><a href="#" class="aitIco icon66" title="更多">图标</a></li>
</ul>
<!--点击图标弹出下拉菜单-->
<div class="ai_pullMenu" style=" top:20px; left:90px; display:none;">
<ol>
<li><a href="#">删除</a></li>
<li><a href="#">更新为</a></li>
<li><a href="#">重命名</a></li>
<li><a href="#">隐藏</a></li>
<li><a href="#">历史版本</a></li>
<li><a href="#">操作记录</a></li>
</ol>
</div>
<!--点击图标弹出下拉菜单end-->
</div>
因为这个层是遍历后写到jsp页面的,所以这个层会有很多个,希望能根据样式达到以下效果,就是点击样式为 icon66的 图标 会将 样式为 ai_pullMenu的层显示出来,而不是将所有的这个层都显示出来。 展开
3个回答
展开全部
首先,ID选择器的效率最高,如果只是一个div的显示和隐藏可以给这个div加一个ID,使用ID选择器来做。
其次,如果是多个,可以将你要显示和隐藏的多个div放到一个打的div中包起来,给这个大的div取一个ID或者class。利用这个大的div来找里面的div。
最后,还有一个可以利用一些额外的属性来获取你要的div
<div class="ai_pullMenu" other="0"></div>
这种形式$("div[other='0']")这种方法也可以获得你需要的div。
希望可以帮到你。
其次,如果是多个,可以将你要显示和隐藏的多个div放到一个打的div中包起来,给这个大的div取一个ID或者class。利用这个大的div来找里面的div。
最后,还有一个可以利用一些额外的属性来获取你要的div
<div class="ai_pullMenu" other="0"></div>
这种形式$("div[other='0']")这种方法也可以获得你需要的div。
希望可以帮到你。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你的描述不是很清楚,是不是想这样呢
<a href="#" class="aitIco icon66" title="更多" onclick="$(this).parents('.tools:first').find('div.ai_pullMenu').show();">图标</a>
意思是找到当前元素的父元素中的第一个class为tools的元素下的class为ai_pullMenu的div并显示它
<a href="#" class="aitIco icon66" title="更多" onclick="$(this).parents('.tools:first').find('div.ai_pullMenu').show();">图标</a>
意思是找到当前元素的父元素中的第一个class为tools的元素下的class为ai_pullMenu的div并显示它
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$(".icon66").click(function(){
$(".ai_pullMenu").show();
});
没明白你什么意思,根据你的描述就是这么写的。可这也没啥技术含量啊
$(".ai_pullMenu").show();
});
没明白你什么意思,根据你的描述就是这么写的。可这也没啥技术含量啊
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询