点击课程

Question

所以我有一个Javascript $("#inventory").on('click', ".item-card", function() {，如果你点击那个item-card然后它会做那些东西它现在有效..如果你要点击类按钮我可以以某种方式改变它？但是item-card必须保留，因为它使用了一些$(this)函数。这就是为什么我自己还没弄明白：/。

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<li class='col 2 zoomIn animated'>
    <div class='card item-card waves-effect waves-light'>
        <div class='iteam'>" + item.name + "</div>
        <div class='condition'>" + item.condition + "</div>
        <div class='center-align'></div>
        <div class='secondarea'>
            <div class='buyer-price center-align'>$" + item.price + "
                <div class='bitskinscomp'>" + message + "</div>
                <div class='float'>Float value: " + item.floatvalue + "</div>
            </div>
            <a class='btn waves-effect waves-light'>Cart</a>
        </div>
</li>

的jQuery

$("#inventory").on('click', ".item-card", function () {

Answer 1

我认为您正在寻找的是：

$("#inventory").on("click", ".item-card a.btn", function() {
    var card = $(this).closest(".item-card");
    ...
});

在其余代码中，只要您在原始代码中使用card，就会使用$(this)。