Question

我想addClass到相关的委托级别：['.ping', '.pong', '.pingpong']。这些类是动态添加的。 mouseenter上的示例.ping应该.addClass('bg-highlight')到.ping。我如何正确定位课程？

尝试：

$('#result').on('mouseenter', ['.ping', '.pong', '.pingpong'], function(event){
  $( event.delegateTarget ).addClass('bg-highlight');

问题：event.delegateTarget在addClass

上呈现#result

$('#result').on('mouseenter', ['.ping', '.pong', '.pingpong'], function(){
  $( this ).addClass('bg-highlight');

问题：this在addClass

上呈现#result

Answer 1

试试这个： -

$('#result').on('mouseenter', '*' , function(){
   var arr = ['ping', 'pong', 'pingpong'];
   $.each(arr, function(i, elem) { 
     $('.'+elem).addClass('bg-highlight'); 
   });
});

Answer 2

您将如何做到这一点：

var clsArr = ['.ping', '.pong', '.pingpong'],
    clsStr = clsArr.join(',');
$('#result').on('mouseenter', clsStr, function(){
    $( this ).addClass('bg-highlight');
});

    var clsArr = ['.ping', '.pong', '.pingpong'],
        clsStr = clsArr.join(',');
    $('#result').on('mouseenter', clsStr, function(){
        $( this ).addClass('bg-highlight');
    });

.bg-highlight {
  color:yellow;
  background-color:black;
  padding: 2px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="result">
<div class="ping">PING</div>
<div class="pong">PONG</div>
<div class="pingpong">PINGPONG</div>
  </div>

JavaScript事件委托`this`到委托元素？

2 个答案: