javascript - 如何在 jQuery 中定位特定链接/点击？

Question

http://jsfiddle.net/KevinOrin/KHHDT/

在单击打开 1 个黑色条/ Accordion (例如:“温室气体”)后，我有一个链接“更多/更少信息”，可以切换更多信息。问题是点击功能不在“更多/更少信息”元素上，而是整个“。正在发生的主要文本”元素上。单击 div 中的任意位置会激活切换，而这不应该。任何想法如何修改此 jQuery 以仅针对该 div 中的 .readmore？

    // More/Less Info Why Is Is Happening
jQuery('.readmore').closest(".happening-main-text").click(function()                
{                  
    jQuery(this).children(".divmore").toggle('slow');       
    return false;                                       
});

Answer 1

使用

jQuery('.readmore').click(function() {                  
    jQuery(this).closest(".happening-main-text").children(".divmore").toggle('slow');       
    return false;                                       
});

您所做的正是将事件精确绑定(bind)到封闭的 ".happening-main-text" 元素。

Demonstration