Javascript Count div id追加到另一个除法

我有一些划分是在jquery拖动脚本中创建的

脚本的这一部分是为div编写的

for ( var i=0; i<52; i++ ) {
    $('<div><img src="card.png" onmouseover="this.src=&quot;images/card_' + numbers[i] + '.png&quot;" /></div>').data( 'number', numbers[i] ).attr( 'id', 'card'+numbers[i] ).appendTo( '#cardPile' ).draggable( {
      containment: '#content',
      stack: '#cardPile div',
      cursor: 'move',
      snap: 'true',
      revert: true
    } );
  }

---

for（var i=0；i也许你可以在你的卡片上添加一个类来帮助你识别它们

$（函数（）{
对于（变量i=0；i<52；i++）{
$（''，{class:'card'}）。
附加到（$（“#卡片堆”）。
拖拉的({
回复：真
});
}
console.log（$（'cardPile'）.find（'card'））；
});
您在这里做了很多事情，您的问题是什么？您希望生成52个带有可拖动事件的图像的div？您的div是否带有“cardpile”ID已经在页面上了？你有什么错误？@Organiccat我的问题是如何计算div元素#card+number，它应该显示结果52。这52个div附加到另一个div#cardpilear有其他div可以是
$（“#cardPile”）
？如果没有，那么你可以简单地使用
$（“#cardpiler”）。children（）
（或
$（“#cardPile”）.children（“div”）
，如果您想具体说明元素类型）。我可以从每张卡的div id#card+编号中识别，但无论我做什么，我似乎都无法计算添加到find方法中的div id'sTry的数量。
<div class="ui-draggable" id="card7">
<img src="card.png" onmouseover="this.src=&quot;images/card_7.png&quot;">
</div>
<div class="ui-draggable" id="card18">
<img src="card.png" onmouseover="this.src=&quot;images/card_18.png&quot;">
</div>

<script type="text/javascript">
    var amount = $("#cardPile").children("div[id^=card]").length
    document.getElementById('total').innerHTML = amount;
</script>
<div id="total" style="color:#fff"></div>

<script type="text/javascript">
    alert($("#cardPile > img").length);
</script>

$(function () {
    for (var i = 0; i < 52; i++ ) {
        $('<div />', { class: 'card' }).
            appendTo( $('#cardPile') ).
            draggable({
                revert: true
            });
    }

    console.log($('#cardPile').find('.card'));
});