如何使用Jquery调用多个a标签的模态

Question

我有四个a标签(两个作为按钮，另外两个作为基本链接)。

<a href="http://www.microsoft.com" class="myBtn btn btn-default">M-Soft</a>
<a href="http://www.hp.com" class="myBtn btn btn-default">HP</a>
<a href="http://www.google.com" class="myBtn ">Google</a>
<a href="http://www.twitter.com">Twitter</a>

这是我的jquery代码:

$(document).ready(function(){
            $(".myBtn").click(function() {
                $("#ConfirmBtn").attr("href", $(this).attr("href"));
                $("#myModal").modal('show');
                return false;
            });
        });

如果单击确认按钮，前三个a标记可以调用模态并成功重定向到各自的href。最后一个a标签直接进入其嵌入的href，而不首先调用模态(注意:因为在这个a标签中没有class属性)。

问题:我需要知道是否有可能添加多个标签，而不必为每个标签编写类，并且仍然能够在单击确认按钮后调用模态和重定向。

Answer 1

你的问题很不清楚。您可以通过"a"选择器选择每个a元素。然后在click处理程序中，你可以检查任何你想要的，例如类的存在，等等。

$(document).ready(function(){
    $("a").click(function() {
        if ($(this).hasClass("myBtn")) {
            $("#ConfirmBtn").attr("href", $(this).attr("href"));
            $("#myModal").modal('show');
            return false;
        }
        // do whatever else you want...
    });
});