javascript - 如何通过类名获取多个标签的值？

Question

如何获取包含“timeAuction”类的标签的所有值？

我正在编写 JavaScript 函数，该函数将获取具有类名 timeAuction 的每个标签并修改其值。我有随机数量的带有此类名称的标签。

这是我的渲染 html 的代码:

<label id="@Html.Raw("time" + item.IDAuc)" class="displayLabelProduct timeAuction">
    @diff.ToString(@"dd\:hh\:mm\:ss")
</label>

我需要使用此类遍历每个标签，例如 for 循环并修改它。

Answer 1

您可以使用类选择器选择所有元素:

var allElements = $(".timeAuction");

您还可以使用$.each迭代集合。

$(".timeAuction").each(function() {
   $(this).text("Random value");
});

显示标签修改的完整片段:

$(".timeAuction").each(function(counter) {
   $(this).text("New Label " + counter);
});

label {
  display: block;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<label class="displayLabelProduct timeAuction">
    Label 1
</label>

<label class="displayLabelProduct timeAuction">
    Label 2
</label>

<label class="displayLabelProduct timeAuction">
    Label 3
</label>

<label class="displayLabelProduct timeAuction">
    Label 4
</label>