具有相同Id的多按钮事件的JQuery函数

我试图调用一个 JQuery函数在具有相同id的按钮的事件中发生淡入淡出,但似乎只有第一个按钮才能发生事件.

这是用于“淡入”Id =“skip”的按钮的JQuery函数.单击按钮(Id =“next”)后,其他按钮(Id = skip)正在淡入.

$(document).ready(function () {
    $('button[id^="next"]').click(function () {
        $("#skip").hide().fadeIn(5000);
    });
});

这是按钮id =“next”

<button id="next" type="submit" value="2" name="submit">Next</button>

这是按钮id =“跳过”

<div id="skip">
<form method="post" >
<input type="hidden" id="skip_ig" name="skip_ig" value=""></input>
<div id="fade"><button type="submit" value="3" name="submit">Skip >></button></div>
<?PHP include('includes/aftersubmit.PHP');
</form>
</div>

我有这些“下一个”和“跳过”的多个按钮.但只有第一个“跳过”按钮才会淡入,而有些则不会.当有多个具有相同ID的按钮时,Jquery功能是否只能调用第一个按钮？谢谢您的帮助.

解决方法

这被问到一天十几次. ID属性在文档中必须是唯一的.您不能拥有具有相同ID的多个元素.这是未定义的行为,通常表现为仅选择第一个元素(可能在浏览器级别,忽略后续的重复ID).