Übereinstimmen Sie alle Links mit einem bestimmten Muster in Javascript

Question

Ich habe eine Regex, die alle Links in einem HTML-Code entspricht, aber ich möchte nur diejenigen Links übereinstimmen, die ein bestimmtes Muster in seinem Text oder in einem seiner haben Attribute. In der Tat möchte ich nur die Links mit dem Muster ${whatever_text} übereinstimmen.

Ich gebe Ihnen ein Beispiel Dinge zu klären:

var text = '<a href="/foo">foo</a> some sample text <a href="${bar}">bar</a>'; 
 
var pattern = /<a (.+?)<\/a>/igm; 
 
var matches = text.match(pattern); 
 
document.write(matches);

Die vorherige Regex entspricht die beiden Links im Text, aber ich brauche einen regulären Ausdruck zu erstellen, die nur die Spiele letzter Link Ich habe mit dem folgenden Regex /<a (.*?\$\{.+?\}.*?)<\/a>/igm versucht, aber es stimmt alles zwischen dem öffnenden Tag des ersten Links und dem schließenden Tag des zweiten Links überein.

var text = '<a href="/foo">foo</a> some sample text <a href="${bar}">bar</a>'; 
 
var pattern = /<a (.*?\$\{.+?\}.*?)<\/a>/igm; 
 
var matches = text.match(pattern); 
 
document.write(matches);

Dank im Voraus!

Answer 1

Sie können diese negative Vorschau regex verwenden:

/<a (?:(?!<a[^>]*>).)*?\$\{[^}]+\}.*?<\/a>/ 

RegEx Demo

(?:(?!<a[^>]*>).)*? negativ Look-Ahead wir einen weiteren <a..> nicht übereinstimmen, um sicherzustellen, sobald wir die <a in Anpassung sind einzufügen.