Get $ 1 Capture Group mit dynamischem RegExp

Ich war gespannt, ob jemand weiß, was ich hier falsch mache. Ich möchte eine Variable innerhalb des Ausdrucks verwenden, aber wenn ich es versuche, greift sie aus irgendeinem Grund nicht auf den Suchbegriff mit dem @ z$1.

Dies gibt richtig zurück:

$('.content').html(function(_,i) {
  return  i.replace(/(cat)/gi, '<span class="highlight">$1</span>');
});

Aus irgendeinem Grund funktioniert dies nicht:

$('.content').html(function(_,i) {
  var customVariable = 'cat';
  var pattern = new RegExp(customVariable,'gi');
  return  i.replace(pattern, '<span class="highlight">$1</span>');
});

Ich bin sehr neu darin, Gruppen in RegExp zu erfassen, und ich konnte niemanden mit diesem Problem finden, daher gehe ich davon aus, dass mir etwas sehr Einfaches fehlt.

Antworten auf die Frage(4)

Ihre Antwort auf die Frage