Exhaust_,
Понятия немного сбивают с толку. Анкор в html - это #panel-element-2, а подразумевался текст ссылки, как понял я.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="panel panel-default" id="PANEL-2">
<div class="panel-heading">
<a class="panel-title collapsed" data-toggle="collapse" data-parent="#panel-2" href="#panel-element-2">раз+два</a>
</div>
<div id="panel-element-2" class="panel-collapse collapse">
<div class="panel-body">
<a href="https://www.google.com.ua/search?q=КЛЮЧЕВОЕ+СЛОВО&adsdiag=3542360">ссылка 1</a>
<a href="https://www.google.com.ua/search?q=КЛЮЧЕВОЕ+СЛОВО&adsdiag=3542361">ссылка 2</a>
</div>
</div>
</div>
<script>
(function(parent, title, links, re, window, document) {
parent = document.querySelectorAll(parent);
[].forEach.call(parent, function(elem, indx) {
title = elem.querySelector(title);
links = elem.querySelectorAll(links);
[].forEach.call(links, function(link, indx) {
var href = decodeURI(link.href);
link.href = href.replace(new RegExp(re), title.textContent.trim());
});
});
})('.panel', '.panel-title', '.panel-body > a', 'КЛЮЧЕВОЕ\\+СЛОВО', window, document);
</script>
</body>
</html>