致电funtion on Button单击事件，而不是通过ID

Question

大家好，我在两个带有#id的按钮上使用一个函数，问题是我必须两次编写相同的函数，所以我想用onclick调用它，以便我只能写一个函数。请帮助我是初学者

按钮

<a name="depIN" id="depIN" class="btn btn-primary" type="button">
<a name="depIN1" id="depIN1" class="btn btn-primary" type="button">

代码

$(document).ready(function(){
    $('#depIN').click(function(){
    let network = '';
    if ($('#depsTo').val()){
      network = $('#depsTo').val();
      networkDesign = "";
   
      for (i=0;i<network.length;i++){
    temp = "<span style = 'border:3px dotted #399bff;'>" + network[i] + "</span>";
    if (i !== network.length-1){
        temp += "<bold style = 'color : #d77300;'> <i class='fa fa-long-arrow-right'></i></bold>"
    }
    network[i] = temp;
}

      network = network.toString().replaceAll(',','');

    $('#networkHeading').html(network);

    }
    });
});

另一个相同的功能，但按钮ID 不同

$(document).ready(function(){
    $('#depIN1').click(function(){
    let network = '';
    if ($('#depsTo').val()){
      network = $('#depsTo').val();
      networkDesign = "";
   
      for (i=0;i<network.length;i++){
    temp = "<span style = 'border:3px dotted #399bff;'>" + network[i] + "</span>";
    if (i !== network.length-1){
        temp += "<bold style = 'color : #d77300;'> <i class='fa fa-long-arrow-right'></i></bold>"
    }
    network[i] = temp;
}

      network = network.toString().replaceAll(',','');

    $('#networkHeading').html(network);

    }
    });
});

Answer 1

您可以这样使用。

<a id="myLink" title="Click to do something" href="PleaseEnableJavascript.html" onclick="MyFunction();return false;">link text </a>

返回fals会阻止浏览器遵循链接

Answer 2

如果单击事件是相同的代码，则可以使用jQuery选择器以开始; $（'[id^= sameIdstartwith]'）
它将触发所有IDS从Depin，Depin2，Depin3等开始，ETC

DEMO：

$(document).ready(function(){
    $('[id^=depIN]').click(function(){
        let network = '';
        if ($('#depsTo').val()){
            network = $('#depsTo').val();
            networkDesign = "";

            for (i=0;i<network.length;i++){
                temp = "<span style = 'border:3px dotted #399bff;'>" + network[i] + "</span>";
                if (i !== network.length-1){
                    temp += "<bold style = 'color : #d77300;'> <i class='fa fa-long-arrow-right'></i></bold>"
                }
                network[i] = temp;
            }
            
            network = network.toString().replaceAll(',','');
            $('#networkHeading').html(network);
        }
    });
});

Answer 3

有很多方法：

HTML代码：

<a id="b1" class="btnClick" type="button">B1M</a>
<a id="b2" class="btnClick" type="button">B2M</a>

一个是：
您可以在Selector jQuery中添加多个ID。

var b1 = $("#b1"), b2 = $("#b2");

b1.add(b2).click(function(){
   alert('clicked', this.id)
})

这是链接： fiddle

另一个是：
您可以将同一类给所有标签

jQuery代码：

$(".btnClick").click(function(){
   alert('clicked', this.id)
})

这是另一个链接： fiddle