将 document.getElementsByClassName 转换为 Jquery

Question

我有以下一段代码，我似乎无法转换为 Jquery，有人可以帮助我。

纯JS工作代码：

var elements = document.getElementsByClassName("glyphicon glyphicon-comment");
for (var i = 0, length = elements.length; i < length; i++) {
     $('#' + elements[i].id).tooltip();
     }
}

我的 Jquery 尝试（都不起作用）：

尝试 1：

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

尝试 2：

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

按钮示例：

<span class="glyphicon glyphicon-comment" data-toggle="tooltip" data-placement="left" id="commentTask1" data-original-title="This is comments"></span>

有人能发现我犯的错误吗？

感谢您的努力。

Answer 1

您需要使用另一个.没有空间的点来定位多个类的元素：

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

并以相同的方式应用.each()方法：

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