How do I bind an event to one specific element of a specific class(without giving it it's own id)?

you can use querySelector or querySelectorAll.

var mySelection = document.querySelector(selector)

this would give you back the first item only of the selector

var mySelections = document.querySelectorAll(selector)

this would give you all items of the selector type

you can also use

var mySelections = document.getElementsByTagName(selector)

this would get all Tags by a certain name.

It is important to be as specific as you can with a selector as well.

for example if you wanted a specific class

var classSelected = document.querySelectorAll('li.hot');

here you would be getting all items that have a li tag that are of class hot.

I noticed after I answered that it says jQuery from where the question originated.

In jQuery, it is much simpler

$(selector)

Thats it. You don't have to have an ID you can just enter a class or a specific tag like this

$('.className') //this would specify a specific className

$(':header')  //this would specify all header tags from h1-h6

$('li:lt[3]') //this would specify the first three li tags in a list