问使用javascript将标签文本设置为跨宽
EN

Stack Overflow用户

提问于 2016-02-24 05:36:47

回答 1查看 142关注 0票数 0

我想将指定的标签文本设置为跨度宽度。这是代码。谢谢你的帮助。

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);

css

label

javascript

回答 1

Stack Overflow用户

发布于 2016-02-24 05:41:26

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

您还可以用.map替换.each

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

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/35588687

复制

相似问题

问使用javascript将标签文本设置为跨宽
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用javascript将标签文本设置为跨宽EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用javascript将标签文本设置为跨宽
EN