javascript - 使用 jQuery 将事件绑定(bind)到特定 ID 内的类

Question

我有 3 个具有相同结构的元素

<div id="Chatbox1">
    <div class="chatboxhead">            
        <div class="chatboxoptions">
            <a href="javascript:void(0)" class="ToggleChatBoxGrowth" title="Minimize chat box">-</a>
        </div>
    </div>                
</div>

唯一的区别是它们每个都有不同的 ID(Chatbox1、Chatbox2、Chatbox3)。

我尝试将“点击”事件绑定(bind)到 .ToggleChatBoxGrowth 类:

$('#chatbox_' + id + ' > .chatboxhead > .chatboxoptions > .ToggleChatBoxGrowth').click(function ()
    {
        ChatBox.ToggleChatBoxGrowth(id);
    });

但问题是它们都被同一个点击事件绑定(bind)了。
所以当我点击 ChatBox1 时，我得到了 id = ChatBox3

的点击事件

你能帮忙吗？

Answer 1

我什至会使用类选择器将点击绑定(bind)到 ToggleChatBoxGrowth，然后向上遍历 DOM 以接收父 ID。

$(".ToggleChatBoxGrowth").click(function(){
   var parentId = $(this).parents(".chatboxhead").parent().attr("id");
   ChatBox.ToggleChatBoxGrowth(parentId);
});

示例:http://jsfiddle.net/6C2aQ/