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");
});

显示标签修改的完整代码段：

＆＃13;

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

＆＃13;

label {
  display: block;
}

＆＃13;

<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>

＆＃13;

Answer 2

如果你想用javascript做，那么这就是它的工作原理：

var elements = document.getElementsByClassName("timeAuction");
var i;
for (i = 0; i < elements.length; i++) {
  // modify as you want
}

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

2 个答案: