javascript - 将 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();
});