需要每个元素的宽度等于元素的值

时间:2016-07-14 17:27:43

标签: javascript jquery html css

我正在尝试创建一个简单的结果图表。我目前正在使用click函数进行测试,但理想情况下我希望它加载时每个.chart类元素的宽度等于元素的值。但是,我似乎无法让它正常工作。
 这是我用我的代码得到的最远的:https://jsfiddle.net/wvjj4466/5/

$(".chart").click(function () {
    $(this).width($(this).attr("value"))
});

起初我认为它是表格的东西,所以我确实尝试使用divs(https://jsfiddle.net/kph9uny9/5/),但它似乎没有转移。

$( "div" ).click(function() {
 $( this ).width($( this ).attr( "value" ))
 tag

这可以用表格做到这一点。如果是这样,怎么样?我尝试过使用this,each(),this.element和其他一些东西,但没有任何工作。我是JQ / JS的新手,所以非常感谢任何帮助。
谢谢!

1 个答案:

答案 0 :(得分:1)

只需将display: inline-block;添加到css中的td.chart。

JSFiddle

JSFiddle还包括在加载时使条形正确宽度的代码。