如何获取jquery的html()方法刚生成内容的属性？

有一段古董代码

    var readHtml = '<p class="p-recipients recipients-css"><span>收件人: </span><span id="recipients-all">' + str + '</span></p>';
    readHtml += '<span class="launch-css"><span id="view_user" class="ui-icon ui-icon-arrow-d ui-icon-shadow">&nbsp;</span></span>'
    $('#reader').html(readHtml);

我现在想要获取生成文字的宽度，尝试代码如下：

console.log($('#recipients-all').prev());
console.log($('#recipients-all'));
var scorllWidth = $('#recipients-all').prev()[0].offsetWidth + $('#recipients-all')[0].offsetWidth;
console.log(scorllWidth);
console.log($('#reader')[0].offsetWidth);

结果获得的结果全部都是0。

但在浏览器的console中能获取到正确的值。

已经试过$('#reader').ready(function() {}了，并没有好转。

不知道有什么办法能获取到刚插入内容的宽度。

---

试试
$('#reader').append($(readHtml));

console.log($('#reader')[0].offsetWidth);

---

setTimeout(function(){
    console.log($('#recipients-all').prev());
    console.log($('#recipients-all'));
    var scorllWidth = $('#recipients-all').prev()[0].offsetWidth + $('#recipients-all')[0].offsetWidth;
    console.log(scorllWidth);
    console.log($('#reader')[0].offsetWidth);
},0);