Question

我试图通过jquery来解决滑动问题（3 * 3网格）。

在我的HTML文件中，我有8个人（第9个空）。

    <ul class="Puzzle">
        <li class="Box Box1">1</li>
        <li class="Box Box2">2</li>
        <li class="Box Box3">3</li>
        <li class="Box Box4">4</li>
        <li class="Box Box5">5</li>
        <li class="Box Box6">6</li>
        <li class="Box Box7">7</li>
        <li class="Box Box8">8</li>
    </ul>

我想通过jQuery在我的js（javascript文件）中访问这些li，以便我可以实现滑动效果。我试图通过jQuery.map（）函数将它们转换为数组，但它没有工作

    var liclass = $('Puzzle li').map(function(i,n){
            return $(n).attr('class');
        }).get().join(',');

有人可以告诉我如何将它们转换为数组并在我的js文件中使用它们。

由于

Answer 1

要获取那些li（包装为jQuery对象）的集合，您需要做的就是

var lis = $('.Puzzle li')

你错过了. - jQuery类名选择器应该以句点开头（如CSS）。

如果你需要一个数组来保存这些li中的数字，那应该是

var arr = $('.Puzzle li').map(function() {
    $(this).text();
}).get();

请参阅this fiddle（打开控制台查看数组）。

滑动拼图jquery

1 个答案: