javascript - 如何将 onclick 限制为仅 H2？

Question

http://jsfiddle.net/dragontheory/CxNnB/

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

改变：

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

至

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

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

谢谢。

原文： http: //paintincode.blogspot.com/2012/04/css3-transition-slideup-box-take-2.html http://jsfiddle.net/cpkDg/

Answer 1

它不会起作用，因为.content它不是 的子元素，这是上下文中this的元素。<h2>您可以使用以下命令遍历到<h2>的父元素$(this).parent()：

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

演示

Answer 2

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

或者

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

Answer 3

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

演示

Answer 4

您可以检查它是否是h2被点击的

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

小提琴