javascript根据条件

Question

在本网站：website

向下滚动到徽章部分时，

我有两个徽章条件:(以下是两个徽章）

问题：

当计数（在徽章的右上方显示为“10”和“0”）大于“0”时，应显示“带有复选标记的解锁”，否则“应与十字锁定”应该在我们正常看到的悬停效应中，它应该被显示出来。

社区中建议的javascript :(在html部分的小提琴中添加注释）

$.each($('.Portfolio-box'), function() {
  var count = $(this).children('has-badge').attr('data-count');
  if (data - count > 0) {
    $(this).children('ul.locked').hide();
    $(this).children('ul.unlocked').show();
  } else {
    $(this).children('ul.locked').show();
    $(this).children('ul.unlocked').hide();
  }
});

与html和css的小提琴链接。请忽略图像或正确对齐。代码中“锁定和解锁”部分的更改非常完美。

链接：https://jsfiddle.net/dkjz1z4k/

对我来说非常棘手。如果有人可以帮助，请多多帮助。谢谢。上帝保佑。

Answer 1

几乎在那里，只需稍微调整条件if (count > 0)＆amp; .has-badge

$.each($('.Portfolio-box'), function() {
  var count = $(this).children('.has-badge').attr('data-count');
  if (count > 0) {
    $(this).children('ul.locked').hide();
    $(this).children('ul.unlocked').show();
  } else {
    $(this).children('ul.locked').show();
    $(this).children('ul.unlocked').hide();
  }
});

Working Fiddle