JQuery事件只影响第一个元素？

Question

好的，所以我正在用PHP制作一个网站。这是一个网站，让用户登录和创建闪存卡在线查看。我为一个光滑的设计添加了一些JQuery，它看起来好多了。

然而，我遇到了一个障碍。我做了一个jQuery命令，它隐藏了答案，当你翻阅闪存卡时，它就会显示出来。而且效果很好..。只适用于第一张闪存卡。

首先，结果会很好.所有的答案都是隐藏的。当我翻阅第一张闪存卡时，它就显示了我的答案。然而，对其他人来说，情况并非如此。他们只是藏起来。

这是我的代码：

$(document).ready(function(){

        $('mark').hide();
        $('#card').mouseover(function() {
                $('mark',this).show();
        });
        $('#card').mouseout(function() {
                $('mark',this).hide();
        });
});

以下是每一张闪存卡的结构：

<div id="card">
<p>Question is here!</p>
<mark> Answer is here! </mark>
</div>

你觉得我在这里错过了什么？

如果你想自己玩，这里是我的github：Site

Answer 1

从语法的角度来看，第一行应该是$('#mark').hide();

要回答您的问题，请将“卡”定义为类，如果您希望在多张卡片上显示这种行为的话。页面可以有多个类，但从javascript的角度来看，只有一个ID，因此除了第一个类之外，所有id为‘卡片’的div都会被忽略。