Javascript 如何将onclick仅限于H2？

需要能够将onclick限制为仅H2。否则，单击内部内容将关闭它

更改：

$('article').on('click', function() {

到

因为它不是父母，所以没有帮助

谢谢

原件： http://jsfiddle.net/cpkDg/

它不会工作，因为内容不是它的子元素，它是上下文中的元素。您可以使用$this.parent遍历到的父元素：

内容不是它的子元素，它是上下文中的元素。您可以使用$this.parent遍历到的父元素：

或

或

---

您可以检查单击的是否是h2

$('article').on('click', function(e) {
    if ($(e.target).is('h2')){
        slide($('.content', this));
    }
});

---

您可以检查单击的是否是h2

$('article').on('click', function(e) {
    if ($(e.target).is('h2')){
        slide($('.content', this));
    }
});

---

哇！太快了！非常感谢。我知道这与亲子关系不匹配有关。哇！太快了！非常感谢。我知道这与亲子关系不匹配有关。谢谢。太快了！这三种解决方案都有效！非常感谢。太快了！这三种解决方案都有效！我知道这与父母/孩子的关系不匹配有关。下次我有一个简单的问题，我就知道我要问什么了。非常感谢你。你们真的很快，没问题！人们也感激他们的帮助-我知道这与父母/孩子的关系不匹配有关。下次我有一个简单的问题，我就知道我要问什么了。非常感谢你。你们真的很快，没问题！人们也感激他们的帮助-为什么不$'article'。在'click'，'h2'，函数e{…}；？为什么要使用委派？所有答案都绑定到H2如果你要绑定到文章，你最好委派它。@Trevor:不知道on提供了委派事件的方法。应该更经常地检查API。是的。它源于不推荐使用的委托方法。非常有用为什么不$'article'。在'click'，'h2'，函数e{…}；？为什么要使用委派？所有答案都绑定到H2如果你要绑定到文章，你最好委派它。@Trevor:不知道on提供了委派事件的方法。应该更经常地检查API。是的。它源于不推荐使用的委托方法。非常有用

$('h2').on('click', function() {
    slide($(this).next('.content_w').find('.content'));
});

$('h2').on('click', function() {
    slide($(this).parent().find('.content'));
});

$('h2').on('click', function() {
  slide($(this).parent().find('.content')); 
});

$('article').on('click', function(e) {
    if ($(e.target).is('h2')){
        slide($('.content', this));
    }
});