时间戳

首页 > 解决方案 > 如何使用 jQuery 或 JavaScript 以及元素的 name 属性选择 HTML 元素

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

问题描述

如何（可以吗？）我如何使用 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');
    }
}

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

先感谢您！

标签： javascriptjqueryhtml

解决方案

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

推荐阅读