javascript - 只选择一个元素 .wrapper 或 .test

Question

请帮忙，我如何只选择一个元素 .wrapper 或 .test

https://jsfiddle.net/nLg96ywe/

我要:

非常感谢!

Answer 1

我认为您需要使用 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>