图片的宽度放在<div>中

Question

在调整图片大小时，我想将图片宽度添加到<div id =“w”> </ div>，我尝试了以下内容，任何人都可以提供帮助吗？ 谢谢：

<script>
$(document).ready(
function() {
    $( "#resizable" ).resizable({
         resize: select_function
    });
});
var select_function = function(event, ui)
{
    $("#w").text($( "#resizable" ).attr("width"));
};

</script>
 <div id="w">Test</div>
<img border="0" id="resizable" src="picture.png">

Answer 1

您没有width=""属性。

要获取元素的实际宽度，请调用$( "#resizable" ).width() 。

Answer 2

你试过像这样得到图像的宽度吗？

$("#w").html($( "#resizable" ).width());

Answer 3

您需要向img标记添加width属性。

<img border="0" id="resizable" src="picture.png" width="500px">

或者您需要使用内置的JQuery width()函数。

$( "#resizable" ).width();

我建议在.width（）和.attr（）上查看JQuery文档以更好地理解。