javascript - 购物篮通知

Question

我需要一个购物篮通知，它会在购物篮上弹出一个带有购物篮中物品数量的红色圆圈，如果购物篮中有 0 件物品，它就会消失，就像下面网站中的那个一样。

没有 JQuery 可以做到这一点吗？

到目前为止，这是我的代码。

Javascript

if($('#no_items').html() == 0){
$(".circle").hide();}

HTML

<div class="circle"><div id="no_items" style="color:white">0</div></div>

score 0 · Accepted Answer

当然！您可以使用 innerHTML 或 innerText：

if(document.querySelector('#no_items').innerText === '0'){
    document.querySelector(".circle").style.display = 'none';
}

更新

或根据要求使用弹出动画：http: //jsfiddle.net/ARTsinn/QjEcx/2/

1 回答 1