Javascript turn.js中的元素数

我有许多类为“append”的div。 问题是，当我使用插件turn.js时，函数.size（）返回错误的结果 这是我的HTML

        <div id="book">
            <div class="folhas" id="0"> 
                <div class="back_img" ></div>
                <div class='append' id="foto0"></div> 
                <div class="legenda_div" id="legenda0">
                    <textarea class='legenda'></textarea>
                </div>
            </div>
            <div class="folhas" id="1"> 
                <div class='append' id="foto2"></div>
                <div class="legenda_div">
                    <textarea class='legenda'></textarea>
                </div>
            </div>
            <div class="folhas" id="2"> 
                <img class="back_img_fixo" src="imagens/back1.png" width="100%"/>
                <div class='append' id="foto2"></div> 
                <div class="legenda_div">
                    <textarea class='legenda'></textarea>
                </div>
            </div>
            <div class="folhas" id="3">
                <img class="back_img_fixo" src="imagens/back2.png" />
                <div class='append' id="foto3"></div> 
                <div class="legenda_div">
                    <textarea class='legenda'></textarea>
                </div>
            </div>
            <div class="folhas" id="4">
                <div class="back_img" ></div>
                <div class='append' id="foto4"></div> 
                <div class="legenda_div">
                    <textarea class='legenda'></textarea>
                </div>
            </div>
            <div class="folhas" id="5">
                <div class="back_img" ></div>
                <div class='append' id="foto5"></div> 
                <div class='append' id="foto6"></div> 
                <div class='append' id="foto7"></div> 
                <div class='append' id="foto8"></div> 
                <div class='append' id="foto9"></div>                     
            </div>
            <div class="folhas" id="6">
                <div class="back_img" ></div>
                <div class='append' id="foto10"></div> 
                <div class='append' id="foto11"></div> 
            </div>
            <div class="folhas" id="7">
                <div class="back_img" ></div>
                <div class='append' id="foto12"></div> 
                <div class='append' id="foto13"></div> 
                <div class='append' id="foto14"></div> 
            </div>
            <div class="folhas" id="8">
                <div class="back_img" ></div>
                <div class='append' id="foto15"></div> 
                <div class='append' id="foto16"></div> 
                <div class='append' id="foto17"></div> 
                <div class='append' id="foto18"></div> 
            </div>
            <div class="folhas" id="9">
                <div class="back_img" ></div>
                <div class='append' id="foto19"></div> 
                <div class='append' id="foto20"></div>
            </div>
            <div class="folhas" id="10">
                <div class="back_img" ></div>
                <div class='append' id="foto21"></div>
            </div>
        </div>

第一个警报给了我正确的答案，22。但是第二个警报输出10！！ 当我需要与索引10以上的元素交互时，jquery函数就不能工作了

---

最大的问题是我不能操作10以上的dedom元素

看看我摆好的小提琴

---

根据您使用的jQuery版本，不推荐使用

size（）

方法。改为使用

length

。我已经尝试了.length totry

var item=$（“#book”）.find（“.append”）；项目1.长度同样的事情。这个插件似乎忽略了这个元素。我假设你试过
$（“#book”）.children（）.length
我真的很感激你能帮助我。谢谢。但是导致这个错误的是插件。上面的代码段是有效的，如果你尝试访问条目11，比如'item.eq（11）.attr（'id'）`，它会返回正确的id。我已经更新了fiddle。
$(window).load(function(){  

    alert($(".append").size());
    $('#book').turn({
        gradients: true, 
            acceleration: true
    }); 
    alert($(".append").size());


})

$( window ).load( function(){  

var item = $( '#book' ).find('.append');
var len  = item.length; 
alert(len);

$('#book').turn({
    gradients: true, 
        acceleration: true
}); 
alert(len);

});