如何在不知道元素ID的情况下使其单独替换
How can I make an element replace itself individually without knowing its ID?
我第一次写得很糟糕。很抱歉修订:
每个元素都有一个ID,但我事先不知道它是什么。我需要的是将鼠标悬停在每个div上以仅替换其自己的列表项,即将鼠标悬停于#1
上会使#1 .second
替换#1 .first
,但不会使#2 .second
替换#2 .first
。
以下是影响两个div的内容:
<div class="hover" id="1">
<ul>
<li class="first">First</li>
<li class="second">Second</li>
</ul>
</div>
<div class="hover" id="2">
<ul>
<li class="first">First</li>
<li class="second">Second</li>
</ul>
</div>
$(document).ready(function() {
$(".hover").mouseenter(function() {
$(".second").show();
$(".first").hide();
}).mouseleave(function() {
$(".second").hide();
$(".first").show();
});
});
.second {display:none;}
https://jsfiddle.net/L50bm2vp/
试试这个:
针对每个span1
类并显示/隐藏其下一个span2
类
$(document).ready(function() {
$("div .span1").mouseenter(function() {
$(this).hide().next('.span2').show();
}).mouseleave(function() {
$(this).show().next('.span2').hide();
});
});
更新
根据你修改后的帖子,你可以做以下事情:
演示
$(document).ready(function() {
$(".hover").mouseenter(function() {
$(this).find(".second,.first").toggle();
}).mouseleave(function() {
$(this).find(".second,.first").toggle();
});
});
你只是错过了针对你正在做的元素CCD_ 8可以通过CCD_ 9 靶向来实现
这就是您想要的吗?
$(document).ready(function() {
$(".hover").mouseenter(function() {
$(this).find(".second").show();
$(this).find(".first").hide();
}).mouseleave(function() {
$(this).find(".second").hide();
$(this).find(".first").show();
});
});
相关文章:
- 如何在未直接触发的情况下停止事件
- 在不使用JQuery的情况下隐藏DOM中的选定元素
- 在不使用jquery的情况下查找页面中的所有锚点并附加函数
- 在不打开聊天屏幕的情况下制作Zopim-ding代理
- 在不阻止默认行为的情况下检测IE10中的缩放
- 如何在不传递此信息的情况下查找被调用的元素
- 如何在不刷新页面的情况下更新显示框
- 有没有一种方法可以在控制台关闭的情况下让console.log()在IE中记录消息
- JavaScript-在手机上不工作的情况下,在外部单击时隐藏元素
- 在我的情况下,如何进行http请求
- 在不知道深度或父属性的情况下从对象中删除属性
- 在不破坏未定义函数的情况下,对多个视图使用单个js文件
- ROR:如何在不重新加载浏览器的情况下从控制器获取参数
- 确保数据在没有单独请求的情况下加载到视图中
- 有没有办法在没有单独对象的情况下克隆 DOM 元素
- 如何在不创建单独的jsp的情况下刷新表
- 如何在不将图像和文章硬编码为单独页面的情况下将它们显示在一起
- jQuery-在不使用类或父级的情况下单独处理每个img元素
- 如何在不知道元素ID的情况下使其单独替换
- 如何在不拆分的情况下获得单独索引中的字符串数组