如何 select div 被用户从 jquery 点击

Question

我正在使用 jquery 自动完成，并且在 select 任何项目的离子上，我添加一个新的 div 并将 class 设置为 active_chat 所以这个div 激活。在添加新的 div 之前，我从之前的 div 中删除了 active_chat，因此只有最后添加的 div 保持活动状态。

现在我想为用户提供点击任何其他非活动 div 并将其激活的选项，即设置其 class active_chat。为此，我正在寻找用户点击的 select div 的代码，但我不知道该怎么做，因为我的代码给出了所有 div，而我实际上并没有知道用户点击了哪个。

以下是我的主要div，其中包含所有元素

<div class="inbox_chat" id="inboxchat">                        
</div>

以下是 jquery 我正在使用动态添加新 div 并将其 class 设置为 active_chat

$("#users").autocomplete
({
    select: function (event, ui)
    {
        $('.chat_list').removeClass("active_chat");
        $('#inboxchat').prepend('<div class="chat_list active_chat"><div class= "chat_people"><div class="chat_img"> <img src="mypic.jpg" alt="sometitle"></div><div class="chat_ib"><h5>my name<span class="chat_date">Dec 25</span></h5><p>sometext</p></div></div></div>');
    }
});

以下是我用于 select 当前 div 的代码，用户点击了它，但它选择了所有 divs

$(document).on('click', '#inboxchat', function () {
    var clicked = $(this).siblings();
    console.log(clicked);
    alert("now1");
});

当用户单击任何 div 时，我只想为该 div 设置 active_chat 并从其他 div 中删除此 class。

编辑
我正在为名为 chat_list

的 div 设置 active_chat

Answer 1

如果你想让它在页面上的任何 div 上工作，试试这个：

$('div').on('click', function(){
    $("div").removeClass("active_chat");
    $(this).addClass("active_chat");
});

这是否只适用于 div 和 class "inbox_chat"？如果是这样，请尝试：

$('div. inbox_chat').on('click', function(){
    $("div").removeClass("active_chat");
    $(this).addClass("active_chat");
});

如何 select div 被用户从 jquery 点击

How to select div which was clicked by user from jquery

html

jquery

autocomplete

dynamic