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

Question

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

单击打开 1 个黑条/手风琴（例如：“温室气体”）后，我有一个链接“更多/更少信息”，可以切换更多信息。问题是单击功能不在“更多/更少信息”元素上，而是在整个“。”发生主文本“元素上。单击 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

Use

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

What you did what precisely binding the event to the enclosing ".happening-main-text" element.

Demonstration