divから1つのボーダーサイドを無作為に削除

Question

私はランダムに1つのサイドを削除しようとしています。 しかし、私はそれを働かせるように見えることはできません。 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

、ちょうど1 ,

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

を移動する。また、あなたの()を閉じるのを忘れそう};は}); する必要があります。これ、あなたは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'); 
 
    }); 
 

 
});

.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'}); 
    }; 

    }; 

使用このあなたはほとんどそれを持っていた