Question

我试图随机删除一侧，与一对div不同。但我似乎无法让它发挥作用。刚接触Java，所以我没有多少经验。

代码：

$(document).ready(function() {
 var exitCards = ['top', 'right', 'bottom', 'left'];
    $('.exit-card').each(function() {
        $(this).css('border-', + exitCards[Math.floor(Math.random() * exitCards.length)], '0 none');
    };
  };

感谢我能得到的所有帮助。

Answer 1

你几乎拥有它，只需移动一个,

$(this).css('border-', +exitCards[Math.floor(Math.random() * exitCards.length)], '0 none');
                     ^
                     Remove this

您也忘记关闭()，因此};应为}); 这你忘了两次

$(document).ready(function() {
  var exitCards = ['top', 'right', 'bottom', 'left'];
  $('.exit-card').each(function() {
    $(this).css('border-' +exitCards[Math.floor(Math.random() * exitCards.length)], '0 none');
  });

});

.exit-card {
  height: 50px;
  width: 50px;
  border: 1px solid #000;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="exit-card"></div>

Answer 2

你错过了'）'

$(document).ready(function() {
 var exitCards = ['top', 'right', 'bottom', 'left'];
    $('.exit-card').each(function() {
        $(this).css('border-' + exitCards[Math.floor(Math.random() * exitCards.length)], '0 none');
    });

  });

立即检查，这应该有用。

Answer 3

$(document).ready(function() {
 var exitCards = ['top', 'right', 'bottom', 'left'];
    $('.exit-card').each(function() {
     var item = "border-"+exitCards [Math.floor(Math.random()*exitCards .length)];
        $(this).css({item : '0px'} );
    };

  };

使用此..

从div中随机删除一个边框

3 个答案: