Question

我有div个href到其他网站。我想在div中添加一个类，它会使它的样式有点不同，但是，当单击href时，我只想添加到div的类。有没有办法只在单击div时才能添加类？

HTML：

<div class="preview">
    <img src="some-image.jpg">
    <a href="http://external-link.com">Link to somewhere</a>
</div>

JS：

$('.preview').click(function() {
    $(this).toggleClass('preview-active');
});

Answer 1

您需要将其添加到父元素（<div>）...

$(this).parent().toggleClass('preview-active');

Answer 2

我相信你正在寻找类似下面的东西。这会检查事件的目标（e.target），看看你是否应继续......

$('.preview').on('click', function (e) {
  e.preventDefault();
  var $target = $(e.target);
  if(!$target.is('a')) {
    alert('You did not click the link');
  } else {
    alert('You did click the link');
  }
});

以下是演示：http://jsbin.com/qebos/1/edit

jQuery toggleClass只对div元素

2 个答案: