Question

我想减小所有#minimenu链接到其大小/ 3的大小此代码将增加100px。

       $("#minimenu a").css({
            'width': '+=100',
            'height': '+=100'
        });

有什么划分父母大小/ 3？ “/ = 3”无效。

Answer 1

如果这些链接的大小相同。

<强>的jQuery

        $("div").css({
            width: $(this).width() / 3,
            height: $(this).height() / 3
        });

这是一个例子 JSfiddle

Answer 2

我认为这应该有效：

var $minimenu = $("minimenu a"),
    height = $minimenu.height(),
    width  = $minimenu.width();

$minimenu.css({
                'width': height/3,
                'height': width/3
            });

Answer 3

像这样的东西

 $( "#minimenu a" ).each(function( ) {
          var controlHeight = $(this).height();
          var controlWidth = $(this).width();

          $(this).width(controlWidth/3);
          $(this).height(controlHeight/3);


    });

Answer 4

您需要循环，每个链接可以有不同的大小

$('#minimenu a').each(function() {
    var e = $(this);
    e.width(e.width()/3);
    e.height(e.height()/3);
});

Answer 5

如果你只缩小一次，你可以这样做：

$('#minimenu a').css('zoom', 1/3);

<强>段

$('button').click(function() {
  $('#minimenu a').css('zoom', 1/3);
});

a {
  font-size: 30px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Shrink</button>

<div id="minimenu">
  <a href="#">Lorem</a>
  <a href="#">Ipsum</a>
  <a href="#">Dolor</a>
</div>

使用jquery减小每个元素的大小

5 个答案: