只選一個.wrapper元素或。測試

Question

請幫助，我怎麼可以只選擇一個元素.wrapper或.test

https://jsfiddle.net/nLg96ywe/

我想：

謝謝v很多！

Answer 1

我認爲你需要使用jQuery的方法.stopPropagation()和替換mouseenter與mouseover，mouseleave與mouseout

var ids = ['test','wrapper']; 
 

 

 
$.each(ids, function(index, value) { 
 

 
$('.' + value) 
 
    .mouseover(function(event) { 
 
    event.stopPropagation(); 
 
\t $(this).css('-webkit-box-shadow', 'inset 0px 0px 0px 4px rgba(255,248,41,1)'); 
 
\t $(this).css('-moz-box-shadow', 'inset 0px 0px 0px 4px rgba(255,248,41,1)'); 
 
\t $(this).css('box-shadow', 'inset 0px 0px 0px 4px rgba(255,248,41,1)'); 
 
\t $(this).css('cursor','pointer'); 
 
    }) 
 
    .mouseout(function() { 
 
\t $(this).css('-webkit-box-shadow', ''); 
 
\t $(this).css('-moz-box-shadow', ''); 
 
\t $(this).css('box-shadow', ''); 
 
\t $(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>