我正在制作一個香草 javascript 條形圖，我在 li 標簽內制作了條形圖。在下面的代碼中，我使用 li 標記中的屬性來設定欄的高度，但是當我嘗試從 li 標記中選擇欄時。我無法這樣做。
<ul class="GraphWrapper">
<li bar-height="100">
<div class="graph-bar bar"></div>
MON
</li>
<li bar-height="190">
<div class="graph-bar bar"></div>
TUES
</li>
<li bar-height="260">
<div class="graph-bar bar"></div>
WED
</li>
<li bar-height="180">
<div class="graph-bar bar bar-active"></div>
THURS
</li>
<li bar-height="220">
<div class="graph-bar bar"></div>
FRI
</li>
<li bar-height="300">
<div class="graph-bar bar"></div>
SAT
</li>
<li bar-height="50">
<div class="graph-bar bar"></div>
SUN
</li>
</ul>
//JAVASCRIPT
var children=$('.GraphWrapper').children();
for(var i=0;i<children.length;i ){
let hgt = children[i].getAttribute('bar-height');
bar = children[i] > $('.bar');
bar.css('height',hgt 'px');
}
uj5u.com熱心網友回復：
這是您需要的：
var children = $('.GraphWrapper').children();
for (var i = 0; i < children.length; i ) {
let kid=$(children[i]);
let hgt=kid.attr('bar-height');
let bar=kid.find(".bar");
bar.css('height', hgt 'px');
}
因為 children() 函式回傳的是一個 DOM 物件的串列，所以需要將其轉換children[i]為 jQuery 物件，然后使用 find 方法查找元素divs中的所有li內容，最后根據需要更改 div 的高度。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/484835.html
標籤：javascript html jQuery dom