放置在 <div> 内的图片宽度

【问题标题】：Picture's width to be placed inside < div >放置在 <div> 内的图片宽度
【发布时间】：2012-12-19 16:03:16
【问题描述】：

在调整图片大小时，我想将图片宽度添加到

，我尝试了以下方法，有人可以帮忙吗？谢谢：

<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">

【问题讨论】：

标签： jquery image html resizable

【解决方案1】：

您没有width="" 属性。

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

【讨论】：

【解决方案2】：

你试过这样获取图片的宽度吗？

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

【讨论】：

为什么投反对票？？？这是和其他人一样的答案，但是当我开始写这篇文章时，这些答案并不在这里......

【解决方案3】：

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

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

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

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

我建议查看 .width() 和 .attr() 上的 JQuery 文档以获得更好的理解。

【讨论】：