如果多次包含類名，如何獲得類的正確值？我在網頁上有這個結構，我需要的值總是在 div“auctionValue”中，在“curreny-coins value”中（在這個例子中為“5,500”）但是這個類名“”curreny-coins value”是可用的在該頁面上 60 次。我只需要“auctionvalue”->“currency-coins value”中的值：
如何在“auctionValue”類中訪問這個特定的類值，而不是從“auctionStartPrice”中獲取所有 60 個值？我試過這個：
let currencyValues = [];
function highlightDeal() {
let currentBid = document.getElementsByClassName('currency-coins value');
for (i = 0; i < currentBid.length; i ) {
currencyValues.push(currentBid[i].innerHTML);
}
console.log(currencyValues);
}
highlightDeal();
但它記錄了具有該類名的所有 60 個值的陣列。
uj5u.com熱心網友回復：
您可以使用nth-child選擇器定位第二個孩子：
document.querySelector(".auction > .auctionValue:nth-child(2) > .currency-coins.value")
演示：
const bid = document.querySelector(".auction > .auctionValue:nth-child(2) > .currency-coins.value").textContent;
console.log(bid);<div class="auction">
<div class="auctionValue">
</div>
<div class="auctionValue">
<span class="currency-coins value">5,500</span>
</div>
<div class="auctionValue">
</div>
</div>uj5u.com熱心網友回復：
1. 請在inspector中復制特定元素的查詢選擇器。
2.并將其粘貼到以下代碼中。
const currentBid = document.querySelector("body > main > section > section > div.ut-navigation-container-view--content > div > div > section.ut-pinned-list-container.SearchResults.ui-layout-left > div > ul > li.listFUTItem.has-auction-data.selected > div > div.auction > div:nth-child(2) > span.currency-coins.value").textContent;
console.log(currentBid);
uj5u.com熱心網友回復：
除了從 Mamun 獲取該頁面上的所有值的答案之外：（示例代碼）
function get42() {
var tds = document.querySelectorAll('td'),
result = [];
for (var i = 0; i < tds.length; i ) {
result.push(tds[i].textContent);
}
return result;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/327695.html
標籤：javascript html dom css-选择器