<div id="sV-10" style="display:block">
<dl id="sV-10-s1" class="clearfix" >
<dt><a href="/search/result.xhtml?licenceId=10">注册建筑工程师</a></dt>
<dd><a href="/search/result.xhtml?licenceId=1001">一级</a></dd>
<dd><a href="/search/result.xhtml?licenceId=1002">二级</a></dd>
</dl>
<div class="subCategory subCategoryOne" style="display:none">
<div class="subView">
<ul>
<li>
<h3><a href="/search/result.xhtml?licenceId=10">注册建筑工程师</a></h3>
<p>
<a href="/search/result.xhtml?licenceId=1001" class="pointer">一级</a>
<a href="/search/result.xhtml?licenceId=1002" class="pointer">二级</a>
</p>
</li>
</ul>
</div>
</div>
</div>
现在想对id为sV-10的绑定一个鼠标划过事件,直接写成
jQuery("#sV-10").hover(function(){
jQuery("#sV-10 div").show();
},function(){
jQuery("#sV-10 div").hide();
});
是没问题的,但是现在我这里有sV-10,sV-11......sV-25多个,所以这里我用了个循环,但是绑定就不起作用了,
var tempLic = licence;//.concat(jobLicence);
if(tempLic && tempLic.length>0){
var item;
for(var i=0;i<tempLic.length;i++){
item = tempLic[i];
if(item && item[3]==1){
jQuery("#sV-"+item[2]).hover(function(){
jQuery("#sV-"+item[2]+" div").show();
},function(){
jQuery("#sV-"+item[2]+" div").hide();
});
}
}
}
这段代码鼠标划过又不起作用,不知道为啥?是不是要动态绑定?
$("div[id^=sV-]").hover(...)
//不必循环去绑定,一行代码可以搞定,试试看看。检查是否在页面完成后运行的。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。