獲取改變文本的元素的外部寬度

Question

我有以下元素。

var e=$('<span/>', {"class":'someClass',text:'Hello'}); 

我希望得到它的外部寬度。看起來我不能僅僅使用e.outerWidth()，因爲它需要先寫入屏幕。正確？

所以，現在是真正的問題。如果文本是「Goodby」，我希望知道外部寬度，而不是使用文本「Hello」，這將如何實現？

謝謝

Answer 1

您可以將元素添加到文檔，但外界視，如left: -10000px。然後outerWidth()將工作。

試試這個：

var e = $('<span/>', {"class":'someClass',text:'Hello'}).css({ 
    'position': 'absolute', 
    'left': '-10000px' 
}).appendTo('body'); 
var outerWidth = e.outerWidth(); 
e.remove(); // remove the element from the DOM once we've got it's width 

Example fiddle