javascript - 使用javascript将标签文本设置为跨越宽度

Question

我要设置指定的标签文字为span width这是代码。感谢您的帮助。

function setBarWidth(labelText, barElement, cssProperty, barPercent) {
    var listData = [];
    $(labelText).each(function () {
        listData.push($(this).textContent);
    });
    var listMax = Math.max.apply(Math, listData);
    $(barElement).each(function(index) {
        $(this).css(cssProperty, (listData[index] / listMax) * barPercent + "%");
    });
}
setBarWidth(".style-1 span label", ".style-1 em", "width", 100);
setBarWidth(".style-2 span label", ".style-2 span", "width", 55);

Answer 1

textContent 是一个 DOM 属性，但是 $(this) 是一个 jQuery 对象。您应该使用 this.textContent 或 $(this).text()。

你也可以用.map替换.each

var listData = $(labelText).map(function() {
    return this.textContent;
}).get();

.get() 最后是将 jQuery 集合转换为普通数组所必需的。