jquery - Jquery：单个选择器的多个内容？

Question

我正在使用一个在点击时显示内容的模态系统，我将在一个集成在 CMS 中的项目上使用它，但我想知道是否可以使用与下面相同的结构、相同的 id 和类来使用它。

<div id="test">
    <a class="link" href="#">Link 1</a>
    <div id="basic-modal-content">
        Description 1
    </div>
</div>

<div id="test">
    <a class="link" href="#">Link 2</a>
    <div id="basic-modal-content">
        Description 2
    </div>
</div>  

我已经尝试了以下 jquery 代码，但它只适用于第一个：

    $('#test').click(function (e) {
    $(this).find('#basic-modal-content').modal();

    return false;
});

我认为可能有一些技巧或其他东西，而不需要动态地参加每个模态的 id/class。如果有选择器可以帮助我，请告诉我。

感谢您阅读我的问题。

Answer 1

不要使用 ID，除非它是一个独特的元素。改用类。如果您使用 ID 选择某些内容，则返回的 jQuery 对象将仅引用它找到的第一个对象，因此为什么 ID 应该只用于唯一项目。

让我改写更好。ID 应该是唯一的。可以在不唯一的元素上使用 ID，但不应在页面上的其他任何地方使用相同的 ID。