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

我试图调用JQuery函数来为具有相同

id

的按钮发生淡入事件，但似乎只有浏览器中的第一个按钮才能发生该事件

这是JQuery函数，用于为带有

Id=“skip”

的按钮“淡入”。单击

按钮（Id=“next”）

后，其他

按钮（Id=skip）

正在淡入

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

这是按钮

id=“next”

---

我有多个“下一步”和“跳过”按钮。但只有第一个“跳过”按钮会淡入，其他按钮则不会。当有多个按钮id相同时，Jquery函数是否只能调用第一个按钮？谢谢你的帮助。

这一问题一天要问十几次。ID属性在文档中必须是唯一的。不能有多个ID相同的元素。这是未定义的行为，通常表现为仅选择第一个元素（可能在浏览器级别忽略后续重复ID）。

您的属性使用错误。ID属性只能使用一次，并且应该是唯一的。如果希望多个实例具有相同的标识符，那么应该使用类属性，而不是

id="next"

你应该

class="next"

然后使用类选择器，如中所示

$(".next").click( function() {
    ...
});

---

它应该对所有人都有效

也许这就是你想要的：

<button class="next" type="submit" value="2" name="submit">Next</button>
<div class="skip">
    <form method="post" >
        <input type="hidden" class="skip_ig" name="skip_ig" value=""></input>
        <div class="fade"><button type="submit" value="3" name="submit">Skip >></button> </div>
        Stuff here
    </form>
</div>


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

下一步
跳过>>
这里的东西
$（文档）.ready（函数（）{
$（“按钮[class^=“next”]”）。单击（函数（）{
$（this.next（$（“.skip”））.hide（）.fadeIn（5000）；
});
});

---

“具有相同id的多个按钮”。这就是你的问题。为了以防万一，你不能有多个相同ID的Anything，不仅仅是按钮。你完全正确。它工作得很好。谢谢你的帮助！我和你一样把它修好了。非常感谢你！

$(".next").click( function() {
    ...
});

<button class="next" type="submit" value="2" name="submit">Next</button>
<div class="skip">
    <form method="post" >
        <input type="hidden" class="skip_ig" name="skip_ig" value=""></input>
        <div class="fade"><button type="submit" value="3" name="submit">Skip >></button> </div>
        Stuff here
    </form>
</div>


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