javascript - 筛选出要更新的跨度

Question

我的 HTML 中有以下 div 集合。它旨在根据用户交互动态复制。

 <div class="bill-item">
<!-- Section for a single item -->
<div class="bill-item-img">
<!-- Section for Item pic -->
</div>
<div class="bill-item-description">
<!-- Section for Item description and pricing -->
<div class="bill-item-name">
<p class="bill-item-name-left">Normal Cofee</p><p class="bill-item-name-right">170.00</p>
<div class="clear"></div>
</div>
<div class="bill-item-price">
<span>170.00 USD</span>
</div>
    <div class="bill-item-amount">
<span>2</span>
</div>
</div>
<div class="bill-amount-selection">
<!-- Section where the increment & decrement of item amount goes -->
<a class="amount-increase" href="#"></a>
<a class="amount-decrease" href="#"></a>
</div>
</div>

这是元素的 HTML 呈现图像。

我编写了以下脚本来增加 bill-item-amount 跨度值。

 $(".amount-increase").click(function(){
            x+=1;
            $(".bill-item-amount span").html(x);
        });

        $(".amount-decrease").click(function(){
            if(!x<=0){
                x-=1;
                $(".bill-item-amount span").html(x);
            }
        });

这很好用，但是它更新了两个 span 元素的值。我想要的是捕捉点击元素的事件(我现在做的)并增加相应跨度的跨度值。如何使用 javascript 筛选出要更新的跨度？

Answer 1

$(this).parents('.bill-item').find('.bill-item-amount span') 应该选择正确的元素。
在您的回调中，this 被分配给 eventSource。