如何在jQuery中定位特定链接/单击?

时间:2013-05-13 16:28:02

标签: javascript jquery css html5

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;                                       
});

1 个答案:

答案 0 :(得分:2)

使用

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

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

Demonstration