Question

我想在Javascript / Jquery中做的是能够点击按钮（每个项目上的按钮），将其添加到数组中。当您单击收藏页面时，将按顺序发布此数组。

我只是很难理解这是如何运作的。因为我可能希望数组中的每个项目都包含一些内容，例如描述该项目的图片和文本。

一般而言，如何设置？

Answer 1

有很多方法可以做到这一点。但是，我会选择一个 more 一般的 - 你可以为自己扩展：

HTML：这只是用喜欢的类创建不同的元素 - 这将是我们检查元素是否被点击的选择器。

<div class="favorite"><p>Add to favorites</p></div>
<div class="favorite type2"><p>Just another favorite type</p></div>

<button id="reveal">
    Reveal Favorites
</button>

JS：

每次点击带有“最喜欢的”CSS类的元素时，它都会被添加到数组中 - 这也适用于具有多个类的元素（具有“最喜欢的”CSS类）。

现在，当点击“显示收藏夹”按钮时，它会提示阵列中的内容 - 这是点击的顺序（按要求）。

$(document).ready(function() {
    var favorites = [];
    var counter = 0;

    $('.favorite').click(function() {
        ++counter;
        favorites.push("\"" + $(this).text() + " " + counter + "\"");
    });

    $('#reveal').click(function() {
       alert(favorites); 
    });
});

CSS：

简单的CSS，仅用于演示目的，以证明具有多个CSS类选择器的前一点：

.favorite {
    width: 400px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    background-color: #f3f3f3;
    border-bottom: 1px solid #ccc;
}

.favorite.type2 {
    background-color: #ff3;
}

.favorite:hover {
    cursor:hand;
    cursor: pointer;
}

添加到收藏夹阵列

1 个答案: