Puis-je utiliser un sélecteur d'attribut CONTIENT en queryselector()?

Je souhaite sélectionner un élément basé sur une sous-chaîne de l'attribut href.

J'ai posté une question récemment, où j'ai reçu une réponse basée sur des "commence par":

document.querySelector('#utility-menu a[href^="/email_check?lang="').textContent.trim();

Mais en fait, la seule constante à partir de la page à page sera "lang=" dans l'attribut href. Donc /email_check? s'agit de la page, de sorte que je ne peux pas utiliser cette variable sur al pages.

Est-il possible de modifier mon sélecteur pour revenir à la textContent de toute <a> élément avec la sous-chaîne "lang=" en son sein?

InformationsquelleAutor Doug Fir | 2015-08-02
  1. 24

    Tous les sélecteurs sont documentées dans le Sélecteurs W3C Aperçu.

    Celui dont vous avez besoin est

    #utility-menu a[href*="lang="]
    E[foo*="bar"]

    Un E élément dont foo valeur de l'attribut contient la sous-chaîne bar.

    InformationsquelleAutor Sebastian Simon
  2. 1

    Envisager la suite de l'élément HTML:

    <div id="utility-menu">
  <a href="/email_check?lang=en-US">Hello, world!</a>
</div>

    Vous pouvez obtenir la première d'ancrage de l'élément qui a un href attribut contenant 'lang=' et existe en tant que descendant d'un élément avec un id équivalent à 'utility-menu' en utilisant l'une des options suivantes:

    //Using the [attr*=value] selector (best option)
document.querySelector('#utility-menu a[href*="lang="]')

//Using the find() method (alternative option)
[...document.querySelectorAll('#utility-menu a[href]')].find(e => e.href.includes('lang='))
    InformationsquelleAutor Grant Miller