Question

我想将一个盒子（div）的宽度和高度设为相同大小的图像（DOM）

"dataProvider": JSON.parse(<?=json_encode($query);?>).reverse()

这是移动响应式网络。所以图像是灵活的像素大小。

我是jquery的新手，所以请帮助

Answer 1

希望这段代码能够提供解决方案

<div class="box">box</div>
<img src="aa.gif" id="img" style="width:50%; height:auto"> 
<script>
  $('.box').height($('#img').height());
  $('.box').width($('#img').width())
</script>

Answer 2

这是在Jquery中设置这些样式属性的方法：

$('div.box').css({"width":$("img").css("height"),"height":$("img").css("height")});

行动中：

$(function() {
$("button").on("click", function() {
 $('div.box').css({"width":$("img").css("height"),"height":$("img").css("height")});
 });
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div><button>Pass properties</button></div>
<div class="box">box</div>
<img src="https://www.w3schools.com/howto/img_fjords.jpg" style="width:50%; height:auto">

如何获取图像宽度和高度像素，并使框大小相同？

2 个答案: