Получение значения в div и переход на ссылку

Question

У меня есть div, который получает значения из базы данных и печатает их внутри div:

<div class="number-string">
123456789
</div>

Я надеюсь получить это значение внутри .number-string и заменить его на ссылку, где href будет "https://somelink.com/123456789" Все, что у меня сейчас есть, это

var getnumber = $('.number-string').text()

Я не могу понять, как изменить этот div и добавить переменную в ссылку

Answer 1

Вы можете использовать метод replaceWith() для замены div ссылкой.

$('.number-string').each(function(){
  $(this).replaceWith(`<a href="https://somelink.com/${this.innerText}">${this.innerText}</a>`);
})

Answer 2

var trackingNum = $(".number-string");
function toLink(elem,link){
  let l1 = elem.text();
  elem.replaceWith(`<a href="${link}/${l1}">Click here</a>`);
}
toLink(trackingNum,'http://example');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="number-string">
123456789
</div>