如何通過類名獲取多個標籤的值？

我怎樣才能獲得包含class「timeAuction」的標籤的所有值？如何通過類名獲取多個標籤的值？

我正在編寫JavaScript函數，它將獲得每個類名爲timeAuction的標籤並修改其值。我有隨機數量的這個類名稱的標籤。

這裏是我的代碼，使HTML：

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

我需要經過每個標籤這個類，像for循環和修改。

來源

2016-09-02 luka032

使用jQuery，'$（'。timeAuction'）。t ext（function（）{// anything}）' – Rayon

請參見[SO文檔]（http://stackoverflow.com/documentation/dom/2658/retrieving-elements/8852/by-class-name#t=201609022014123132209 ）爲一個沒有jQuery的例子，以及[使用jQuery的SO文檔]（http://stackoverflow.com/documentation/jquery/389/selectors/2115/types-of-selectors#t=20160902201510344004）。 –

您可以選擇使用類選擇的所有元素：

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>

來源

2016-09-02 20:02:47

如果你想用JavaScript，然後去做，這是怎麼了要去工作：

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

來源

2016-09-02 20:11:11

如何通過類名獲取多個標籤的值？

回答

相關問題