[JS][jQuery] Open link via function identified by class

[venomtail]

I have hundreds of rows of links. I do not want links to have their URL addresses hardcoded into the pages via href when loaded in, rather keep it to a function and their destination confirmed by their ID, triggered by their class.

 

Link looks like:

<a id="111112" class="openCertLink" href="#">Line 1 - <b>Line 2</b>. ID: "111112"</a>

 

I've tried using the .click jQuery function like it works for everything else, yet here for links it's just a dud, doing nothing. All other suggestions online are outdated with security issues that aren't even allowed on browsers anymore, use ID's not classes or just 30 year old hardtyped href.

 

function:

$(".openCertLink").click(function(event){
    alert("Link away");
    // ...and so on
});

Annoying to be stuck on something so simple again. Anyone able to kick me into gear and remind me how to properly do this?

[Ominous]

$(document).ready(function(){
  $(".openCertLink").click(function(eventObject) {
    window.open("https://www.google.com/search?q=" + eventObject.target.id);
  });
});

This code works on my end. This opens a Google search for the ID of the anchor tag.

Edited January 28, 2025 by Ominous
Changed example

[venomtail]

On 1/28/2025 at 11:12 AM, Ominous said:

$(document).ready(function(){
  $(".openCertLink").click(function(eventObject) {
    window.open("https://www.google.com/search?q=" + eventObject.target.id);
  });
});

This code works on my end. This opens a Google search for the ID of the anchor tag.

Thanks. You helped me confirm that jQuery wasn't actually to blame here as it works in it's own clean environment but something's making it either not react of follow logic.

 

Fault was that I had modified the classes in runtime. I should have done it a different way but basically I called $(document).ready before changing classes, so no surprise jQuery couldn't find these classes, cause they didn't exist at the time of the document being ready.

 

Without a whole rewrite of my page, I moved document ready to be called in a function, after which jQuery did detect now when the links were clicked.

 

It's these basic things that skip my mind and waste a productive day.

 

Thanks my dude.