最佳答案
我认为您需要使用 jquery 方法 .stopPropagation()
并将 mouseenter
替换为 mouseover
、mouseleave
使用 mouseout
var ids = ['test','wrapper'];
$.each(ids, function(index, value) {
$('.' + value)
.mouseover(function(event) {
event.stopPropagation();
$(this).css('-webkit-box-shadow', 'inset 0px 0px 0px 4px rgba(255,248,41,1)');
$(this).css('-moz-box-shadow', 'inset 0px 0px 0px 4px rgba(255,248,41,1)');
$(this).css('box-shadow', 'inset 0px 0px 0px 4px rgba(255,248,41,1)');
$(this).css('cursor','pointer');
})
.mouseout(function() {
$(this).css('-webkit-box-shadow', '');
$(this).css('-moz-box-shadow', '');
$(this).css('box-shadow', '');
$(this).css('cursor','default');
});
});
.wrapper
{
width:300px;
height:300px;
background:#888;
padding:50px;
}
.test
{
background:#fff;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrapper">
<div class="test">
test
</div>
</div>
关于javascript - 只选择一个元素 .wrapper 或 .test,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41915027/