javascript - 如何在 jQuery 中单击和选择 div 元素

Question

好的，所以我想在个人资料列表中这样做，您可以单击个人资料，它将突出显示(另一种背景颜色，比如说黄色)。当你突出显示它并按“保存”时，我希望以某种方式选择突出显示的配置文件 ID 并输出它们。

所以我的第一个问题:

http://jsfiddle.net/5pZ2v/3/

我怎样才能做这样的事情，这样你就可以通过点击/取消点击来选择/取消选择？他们将被突出显示。我怎样才能制作一个选择器来捕获这些突出显示的配置文件框？

也许这个或插件已经存在一个功能？

否则我该如何点击/取消点击以突出显示/取消突出显示，然后在警报中输出突出显示的元素的 id 属性，当您单击“显示您选择的内容”按钮时出现该警报

Answer 1

使用这样的东西:

$('div.profile').click(function(){
    $(this).toggleClass('selected');
});

然后使用 div.profile.selected 在您的 css 中设置所选配置文件的样式。然后，当您想要选择突出显示的所有 div 时，只需使用 $('div.profile.selected')。如果您想知道有多少被选中，只需使用 $('div.profile.selected').length。这是一个例子:

http://jsfiddle.net/Paulpro/apvqM/