Converting document.getElementsByClassName to Jquery

Question

I have the following piece of code, that i can't seem to convert to Jquery could someone help me out. Pure JS working code: ``` var elements = document.getElementsByClassName("glyphicon glyphicon-comment"); for (var i = 0, length = elements.length; i < length; i++) { $('#' + elements[i].id).tooltip(); } } ``` My Jquery Attempts (both not working): Attempt 1: ``` $(".glyphicon glyphicon-comment").tooltip(); ``` Attempt 2: ``` $(".glyphicon glyphicon-comment").each( function() { $(this).tooltip(); }); ``` Example of the button: ``` ``` Could someone spot the error i've made? Thnx for your efforts.

Accepted Answer

You need to use another dot `.` without space to target elements by multiple classes:

```
$(".glyphicon.glyphicon-comment").tooltip();
```

and apply the same way for `.each()` method:

```
$(".glyphicon.glyphicon-comment").each( function() {
    $(this).tooltip();
});
```

Converting document.getElementsByClassName to Jquery

Solution

Problem