需要每個元素的寬度等於元素的值

Question

我試圖創建一個簡單的結果圖表。我目前使用點擊功能來測試，但理想情況下，我希望它加載每個.chart類元素的寬度等於元素的值。但是，我似乎無法讓它正常工作。
這是我已經得到我的代碼最遠：https://jsfiddle.net/wvjj4466/5/

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

起初我還以爲這是一件有桌子，所以我做了嘗試，並得到了它與剛剛的DIV（https://jsfiddle.net/kph9uny9/5/）工作，但它不」似乎轉移。

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

這是可以做到這一點與表。如果是這樣，怎麼樣？我嘗試過使用this，each（），this.element和其他一些東西，但沒有任何工作。我是JQ/JS的新手，因此非常感謝任何幫助。
謝謝！

Answer 1

只需在css中將display: inline-block;添加到td.chart即可。

JSFiddle

的jsfiddle還包括代碼以使棒上負載正確的寬度。