Activate tag links

Script to convert the news topic tags into active links to the topic landing page

by davehol

HTML

<div class="row main-content">
  <!-- Module - Latest News - Currated -->

  <div class="c-preview-item-standard-news c-preview-item-standard col-md-3 col-sm-4 col-xs-12">
    <div class="c-preview-item-inner">
      <a class="c-preview-item-link no-outline" href="/news/all-news/2018/jan/testing-testing-alison">
        <figure class="c-preview-item-image js-generic-image scaled-background" data-gi-user-selected="true" data-gi-type="News Article" style="background-image: url(&quot;/content/dam/rmit/rmit-images/news/2017/Jan/fluffy-kittens-landscape.jpg.transform/rendition-420x252/image.jpg&quot;);">
          <img class="js-responsive-image bg-cover offset-content" data-gi-type="User Selected" data-ri-sm="/content/dam/rmit/rmit-images/news/2017/Jan/fluffy-kittens-landscape.jpg.transform/rendition-420x252/image.jpg" data-ri-xxs="/content/dam/rmit/rmit-images/news/2017/Jan/fluffy-kittens-landscape.jpg.transform/rendition-180x108/image.jpg"
            src="/content/dam/rmit/rmit-images/news/2017/Jan/fluffy-kittens-landscape.jpg.transform/rendition-420x252/image.jpg">






        </figure>
        <h3 class="c-preview-item-title span-outline">Testing Testing Alison</h3>
      </a>
      <div class="c-preview-item-date">04 May 18&nbsp;|&nbsp;
        <font class="tagsfont">dental_studies</font>
      </div>
      <p class="c-preview-item-short-desc">A very short description about this news story.</p>
    </div>
  </div>

  <div class="c-preview-item-standard-news c-preview-item-standard col-md-3 col-sm-4 col-xs-12">
    <div class="c-preview-item-inner">
      <a class="c-preview-item-link no-outline" href="/news/all-news/2018/jan/this-is-the-url">
        <figure class="c-preview-item-image js-generic-image scaled-background" data-gi-user-selected="true" data-gi-type="News Article" style="background-image: url(&quot;/content/dam/rmit/rmit-images/news/2017/Jan/fluffy-kittens-landscape.jpg.transform/rendition-420x252/image.jpg&quot;);">
          <img...

JavaScript

var replaceTopics = (function() {
  var tags = $(".tagsfont");
  var catArr = ["Health", "Technology", "Science", "article"];
  tags.each(function() {
  if(catArr.indexOf($(this).text())!==-1){
  
  alert($(this).text());
  }
    $(this).replaceWith("<a href='/research/research-expertise/our-reputation/" + $(this).text() + "'>" + $(this).text() + "</a>");
    //  alert( $( this ).text());

  });
})();