將jquery過濾器應用於創建的div？

嘿，我想知道如果有人可以幫助我的代碼上的一些問題。將jquery過濾器應用於創建的div？

基本上香港專業教育學院的一個onclick event.From HTML我也這樣做了相同的按鈕自敗

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title></title> 
<link rel="stylesheet" href="blackjack2.css"> 
<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript" src="blackjack1.js"></script> 
</head> 
<body> 

<button class= "boton" id="start">Play</button> 
<button class= "boton" id="hit">Hit</button> 
<button class= "boton" id= "stand">Stand</button> 

<script type="text/javascript"> 

var jugar = document.getElementById('start') 
var mas = document.getElementById('hit') 
var mantener = document.getElementById('stand') 


var cuerpo= document.getElementsByTagName('body')[0] 

var crear_cartas= function() { 
var card= document.createElement('div'); 
var texto =document.createTextNode("CASINO"); 
card.setAttribute("class","cartas"); 
card.appendChild(texto); 
cuerpo.appendChild(card); 
} 

jugar.onclick= function(){ 
crear_cartas() 
crear_cartas() 
crear_cartas() 
crear_cartas() 
jugar.setAttribute('class','ocultar') 
} 
</script> 
    </body> 
</html>

最多有OK創建4個元素（div的），但林不知道，如果從我的jQuery可以應用一個過濾器，該過濾器在出現在JavaScript代碼中的相同onclick事件（在這4個創建的元素上）激活到偶數事件，以便它們使動畫略微降低邊距。我已經知道了，但我有點在給定的過濾器將適用於創建的元素海.. 預先感謝您的傢伙包括

CSS類「.cartas」代碼：

.cartas{ 
/*display: none;*/ 
margin: 260px 75px 0 75px; 
display: inline-block; 
border-radius: 10px; 
border: 1px solid black; 
padding-top: 50px; 
height:100px; 
width:100px; 
color: #003366; 
font-family: Muli,Helvetica Neue,Helvetica,sans-serif; 
text-align: center; 
background-color: #f0f8ff; 
}

來源

2017-04-09 ge00rge

保證金底

片段推動這些div下面的內容，你想偶數與標籤要素的「CASINO 「，點擊後，使用保證金底部向下移動它下面的元素？ – repzero

是的！只要動畫簡單地移動創建的偶數div將是偉大的，無關緊要的方向，謝謝你的幫助repzero – ge00rge

好吧..檢查我的迴應 – repzero

爲所有活動div添加活動事件。此事件將添加一個類，將向下使用下面

var counter = 0; 
 
var jugar = document.getElementById('start') 
 
var mas = document.getElementById('hit') 
 
var mantener = document.getElementById('stand') 
 

 

 
var cuerpo = document.getElementsByTagName('body')[0] 
 

 
var crear_cartas = function() { 
 
    card = document.createElement('div'); 
 
    var texto = document.createTextNode("CASINO"); 
 
    card.setAttribute("class", "cartas"); 
 
    card.appendChild(texto); 
 
    cuerpo.appendChild(card); 
 
} 
 

 
jugar.onclick = function() { 
 
    for (var x = 0; x < 4; ++x) { 
 
    crear_cartas(); 
 
    if ((x + 1) % 2 == 0) { 
 
     card.addEventListener('click', function() { 
 
     this.classList.add("move"); 
 
     }) 
 

 
    } 
 

 
    } 
 
    jugar.setAttribute('class', 'ocultar') 
 
} //end func

div { 
 
    transition: margin-bottom 0.5s; 
 
} 
 

 
.move { 
 
    margin-bottom: 50px; 
 
}

<html> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 
    <title></title> 
 
    <link rel="stylesheet" href="blackjack2.css"> 
 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
 
    <script type="text/javascript" src="blackjack1.js"></script> 
 
</head> 
 

 
<body> 
 

 
    <button class="boton" id="start">Play</button> 
 
    <button class="boton" id="hit">Hit</button> 
 
    <button class="boton" id="stand">Stand</button> 
 

 

 
</body> 
 

 
</html>

來源

2017-04-09 18:49:44 repzero

仍然沒有工作，似乎可能是干涉行代碼 card.setAttribute（「class」，「cartas」）修改您的代碼行以將其調整到現有的類，但仍然沒有工作（只是增加了頂部邊距）我在代碼中包含css類.cartas – ge00rge

將jquery過濾器應用於創建的div？

回答

相關問題