javascript - 如何使用 jQuery 或 JavaScript 以及元素的名称属性选择 HTML 元素

Question

如何(可以吗？)使用 jQuery 或 JavaScript 打开模式，使用 HTML 元素的 name 属性 value，而不是使用模式 id ？ (我有相同的模态id，所以我不必复制我的CSS)

我认为这样的事情可以解决问题:

<div id="product-description-modal" name="uop-modal" role="dialog" class="modal"></div>
<div id="product-description-modal" name="payu-modal" role="dialog" class="modal"></div>

我打开特定模式的 jQuery 方法:

onShowModal() {
    if (this.showPayAsYouUseModal === true) {
      $('div[name]="payu-modal"').modal('show');
    } else {
      $('div[name]="uop-modal"').modal('show');
    }
}

但到目前为止我还没有运气。我错过了什么？

提前谢谢您!

Answer 1

您可以使用 $('div[name=uop-modal]') jQuery 选择器选择所需的元素。