How to select an HTML element using jQuery or JavaScript and the element's name attribute

Question

How (can one?) can I open a modal using jQuery or JavaScript, using the HTML element's name attribute value, instead of using the modal id? (I have the same modal id so I don't have to duplicating my css)

I was thinking something like this would do the trick:

<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>

My jQuery method to open the specific modal:

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

But I have had no luck so far. What am I missing?

Thank you in advance!

This is not about modals, it's about using the proper selector: $('div[name=uop-modal]') should do the trick. (Also, don't use the same id more than once; as "id" suggests it's supposed to be unique. Use a class instead.) — user5734311
– user5734311, Commented Oct 30, 2019 at 17:40

KletskovG · Accepted Answer · 2019-10-30 18:01:01Z

1

You can select required element with $('div[name=uop-modal]') jQuery selector.

answered Oct 30, 2019 at 18:01

KletskovG

5484 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to select an HTML element using jQuery or JavaScript and the element's name attribute

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related