我在使用多id的jquery模式时遇到问题'；s

我是jQuery的新手，我从jQuery库中获得了以下脚本。在一个页面上，我有多个链接，当用户点击它时，会弹出一条对话消息。到目前为止，这是我的代码。我的问题是，如果我在一个页面上有大约30个链接，我应该用不同的ID一次又一次地创建一个新的jquery函数吗？怎么做

<script>
         $(function() {
        $( "#dialog1" ).dialog({
        autoOpen: false,
        show: {
        effect: "blind",
        duration: 1000
        },
        hide: {
        effect: "explode",
        duration: 1000
        }
        });
        $( "#opener1" ).click(function() {
        $( "#dialog1" ).dialog( "open" );
        });
        });

         $(function() {
        $( "#dialog2" ).dialog({
        autoOpen: false,
        show: {
        effect: "blind",
        duration: 1000
        },
        hide: {
        effect: "explode",
        duration: 1000
        }
        });
        $( "#opener2" ).click(function() {
        $( "#dialog2" ).dialog( "open" );
        });
        });
    </script>

$（函数（）{
$（“#对话框1”）。对话框({
自动打开：错误，
展示：{
效果：“盲”，
持续时间：1000
},
隐藏：{
效果：“爆炸”，
持续时间：1000
}
});
$（“#opener1”）。单击（函数（）{
$（“对话1”）。对话（“打开”）；
});
});
$（函数（）{
$（“#dialog2”）.dialog({
自动打开：错误，
展示：{
效果：“盲”，
持续时间：1000
},
隐藏：{
效果：“爆炸”，
持续时间：1000
}
});
$（“#opener2”）。单击（函数（）{
$（“#dialog2”）.dialog（“打开”）；
});
});

我还有以下html

<div title="click to view details">
                <a href="#" class="p1" rel="nofollow" aria-haspopup="false" id="opener1"></a>
                    <p id="dialog1">
                        <strong>Monkey</strong>Monkeys are generally considered to be intelligent. Unlike apes, monkeys usually have tails.
                    </p>
                        <b class="b1"></b>
            </div>
            <div title="click to view details">
                <a href="#" class="p2" rel="nofollow" aria-haspopup="false" id="opener2"></a>
                    <p id="dialog2">
                        <strong>Vulture</strong>A particular characteristic of many vultures is a bald head, devoid of normal feathers.
                    </p>
                        <b class="b2"></b>
            </div>

猴子猴子通常被认为是聪明的。与猿类不同，猴子通常有尾巴。


秃鹫许多秃鹫的一个特殊特征是秃头，没有正常的羽毛。

您至少有两种方法可以完成此任务。 最好的方法可能是使用类，因此在要管理的链接上使用相同的类，然后使用将操作绑定到它们。

---

另一种方法是使用

a

标签上的函数。我不认为这是您的最佳解决方案，但只是说在某些情况下您也可以使用此解决方案。

但我不知道如何做到这一点：（我认为您可以理解。不管怎样，类选择器文档很清楚，只需查看该页中的解释和示例即可。