2 linyongdong linyongdong 于 2017.01.15 23:56 提问

最近在研究一个关于js+div"鼠标悬停在li时显示删除按钮"

最近在研究一个关于js+div"鼠标悬停在li时显示删除按钮";但是效果不理想。请想一下高手们,以下是代码:
图片说明

以上是可行的,但是如果改为下面就不行了:
图片说明

改成“img”就不起作用了。span和img不都是标签?为何用span可以;img就不行?

或者直接改为自定义样式,不知道如何改?

7个回答

showbo
showbo   Ds   Rxr 2017.01.16 09:08
已采纳

不要用mouseover/mouseout,用这个移动到子元素也会触发。既然用的jquery就用jquery绑定事件就行了,用mouseenter/mouseleave事件,去掉dom里面写死的事件

   $(function () {
        $('#ulID>li').mouseenter(function () { $('span', this).show() }).mouseleave(function () { $('span', this).hide() })
    })
linyongdong
linyongdong 此方法可行,非常好用!Thank you!
11 个月之前 回复
qq_29594393
qq_29594393   Ds   Rxr 2017.01.16 00:39

不是不可以,是逻辑问题,注意你的Img是在span里面的,但是span是display none ,父元素隐藏了,子元素你修改display是没有意义的。还是被隐藏

qq_29594393
qq_29594393 有什么不理解的地方可以追问
11 个月之前 回复
firethisway
firethisway   2017.01.16 09:44

用CSS样式写就好了。
图片说明

linyongdong
linyongdong   2017.01.16 01:31

那有没有其他办法可以解决?

qq_29594393
qq_29594393 楼下说得对,你这个也没有选中img元素对象,把children 换成find 。
11 个月之前 回复
linyongdong
linyongdong   2017.01.16 01:40

我试过了,span不隱藏,直接隐藏img也不行

chenl_
chenl_   2017.01.16 08:22

children 表示他下面的第一级孩子找不到img 不限层级可以用find

jinziweiwang
jinziweiwang   2017.01.16 09:44

不是子标签,是孙子标签

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!