我怎樣才能在同一個 div 中獲得每個 div 類的第一個實體
例子
<div id="wrap">
<div class="class_0001">GET THIS</div>
<div class="class_0001"></div>
<div class="class_0003">GET THIS</div>
<div class="class_0002">GET THIS</div>
<div class="class_0002"></div>
<div class="class_0001"></div>
<div class="class_0003"></div>
<div class="class_0002"></div>
<div class="class_0001"></div>
<div class="class_0001"></div>
</div>
試過了
$('div[div*="class_"]:first').each(function(){
//do something
});
uj5u.com熱心網友回復：
我認為沒有內置的方法可以做到這一點，但是以相反的順序遍歷所有 div 并將它們放入按類索引的集合中很容易。不需要像 jQuery 這樣的大庫來處理這種微不足道的事情：
const divs = document.querySelectorAll('#wrap > div');
const divsByClass = {};
for (const div of [...divs].reverse()) {
divsByClass[div.className] = div;
}
for (const div of Object.values(divsByClass)) {
console.log(div);
}<div id="wrap">
<div class="class_0001">GET THIS</div>
<div class="class_0001"></div>
<div class="class_0003">GET THIS</div>
<div class="class_0002">GET THIS</div>
<div class="class_0002"></div>
<div class="class_0001"></div>
<div class="class_0003"></div>
<div class="class_0002"></div>
<div class="class_0001"></div>
<div class="class_0001"></div>
</div>如果您真的還必須使用 jQuery，那么它對語法沒有多大幫助。
const divsByClass = {};
for (const div of $('#wrap > div').get().reverse()) {
divsByClass[div.className] = div;
}
for (const div of Object.values(divsByClass)) {
console.log(div);
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="wrap">
<div class="class_0001">GET THIS</div>
<div class="class_0001"></div>
<div class="class_0003">GET THIS</div>
<div class="class_0002">GET THIS</div>
<div class="class_0002"></div>
<div class="class_0001"></div>
<div class="class_0003"></div>
<div class="class_0002"></div>
<div class="class_0001"></div>
<div class="class_0001"></div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/net/384241.html
標籤：查询
下一篇：單擊側邊欄時如何提交表單