Find same href anchor on the page

Question

I want to find anchor tags with same hrefs on the current page

For example I have three anchor tags of same href on the current page like

<a href="https://www.link.com" class="btn btn-cta">

The class will be same for all the buttons.

Sorry i forgot to update my code which is updated

  $("a").each(function(){
               if ($(this).attr("href") == window.location.pathname){

               }
       });

Is there any better way of doing this.

Any help or suggestion would be appreciated

Thanks in advance

@CertainPerformance sorry i forgot to add my code . Please check the question again — Owais Ahmed, Jun 17 '19 at 04:40
Just query for it? ```$(`a[href="${window.location.pathname}"`)``` the same way you'd use `$("a")` to find "all `` elements"? — Mike 'Pomax' Kamermans, Jun 17 '19 at 04:43
Probably because if you know how to use jquery, you should know how to select "all matching elements". — Mike 'Pomax' Kamermans, Jun 17 '19 at 14:31

Syed mohamed aladeen · Accepted Answer · 2019-06-17T14:41:06.313

1

Try like this. find your elements using $("[href='"+window.location.pathname+"']") this method.

var path = window.location.pathname;

$("a[href='"+path+"']").each(function(){
  //do your code here
  console.log(window.location.pathname);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="https://www.link.com" class="btn btn-cta">link1</a>
<a href="/js" class="btn btn-cta">link2</a>
<a href="/js" class="btn btn-cta">link3</a>
<a href="https://www.link.com" class="btn btn-cta">link4</a>

edited Jun 17 '19 at 14:41

answered Jun 17 '19 at 04:42

Syed mohamed aladeen

6,507
4
32
59

1

there are other elements with the `href` attribute, so at the very least, add the `a` in the selector, but probably also use a template literal instead of string concatenation. – Mike 'Pomax' Kamermans Jun 17 '19 at 14:32
@Mike'Pomax'Kamermans Thanks for the suggestions. code updated – Syed mohamed aladeen Jun 17 '19 at 14:41

Find same href anchor on the page

1 Answers1