HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery rel word selector</title>
  <style>
    #panel { border: 1px dashed #64748b; padding: 12px; margin-bottom: 12px; }
    a { display: block; margin: 6px 0; }
    .external-safe { color: #15803d; font-weight: bold; }
  </style>
</head>
<body>
  <div id="panel">
    <a href="https://example.com" rel="noopener noreferrer" target="_blank">External (noopener)</a>
    <a href="/about">Internal link</a>
  </div>
  <a href="https://other.com" rel="noopener" target="_blank">Outside panel (ignored)</a>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script>
    $("#panel a[rel~='noopener']").addClass("external-safe");
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

jQuery #panel a[rel~='noopener'] (Try It)