html 对同id按钮设置不同的操作,如果多个HTML元素是不同的元素，它们是否具有相同的ID？...

慕运维8079593

即使这些元素是不同类型的，也会给你带来一些严重的问题.假设有3个具有相同id的按钮：button 1button 2

button 3现在你设置了一些jQuery在下列情况下执行某项操作的代码myid单击按钮：$(document).ready(function (){

    $("#myid").click(function ()

    {

        var buttonData = $(this).data("mydata");

        // Call interesting function...

        interestingFunction();

        $('form').trigger('submit');

    });});你会期望什么？单击的每个按钮都将使用jQuery执行Click事件处理程序设置。不幸的是这不会发生。只有第一按钮调用单击处理程序。另外两个点击时什么也不做。就好像他们根本不是纽扣一样！所以总是分配不同的IDs到HTML元素。这会让你避免奇怪的事情。*)button 1

 button 2">button 2

button 3现在，如果您想让单击事件处理程序在单击任何按钮时运行，如果您将jQuery代码中的选择器更改为使用CSS类以如下方式应用于它们：$(document).ready(function (){

    $(".mybtn").click(function ()

    {

        var buttonData = $(this).data("mydata");

        // Call interesting function...

        interstingFunction();

        $('form').trigger('submit');

    });});