JQuery隐藏表中大于变量的元素

我想要它，所以当您选中该复选框时，只有您可以购买的升级才会出现。这是我的升级代码（虽然要长很多，但我只向您展示其中的一部分）

升级
2金
x2静止速度。

他们每个人都有id up1 up2 up3等。我所需要的是，如果黄金（货币）低于它将隐藏的价格。

---

价格在所有这些因素中排名第二；在这种情况下，它是2黄金。

您可以通过几种可能的方法来实现这一点。这是一个有效的解决办法

请检查此代码段并自由编辑变量“goldAvailable”。实际上，每次点击这个复选框，我都会遍历所有tr元素。若它被选中，那个么我将从第二个td项目中获取值，并将其解析为整数，这样我就可以将其与可用货币进行比较。所有比可用的更高的东西都将被隐藏。取消选中该框时，所有内容都将显示：block

var goldAvailable=3；
$（'#canafford'）。在（'click'，function（）{
如果（$（'#鸭式：复选框：选中'）。长度>0）{
$（'tr td:nth child（2）'）。每个（函数（）{
var gold=$（this.html（）；
gold=parseInt（gold.substring（0，gold.length-4））；
如果（黄金>黄金可用）{
$（this）.closest（'tr'）.css（'display'，'none'）；
}
});
}否则{
$（'tr td:nth child（2）'）。每个（函数（）{
$（this）.closest（'tr'）.css（'display'，'block'）；
});
}
});

升级
2金
x2静止速度。
升级
3金
x2静止速度。
升级
4金
x2静止速度。
升级
5金
x2静止速度。
什么是黄金货币和价格？？您能否提供更多代码以获得适当的建议在示例id up1中，价格是第二位的，即2 gold。请将价格设置为属性而不是文本，例如
，然后您可以进行比较。但除此之外，你错过了大部分问题……但我该怎么做呢？我知道我需要向html添加属性，但我需要一些代码。一个问题。当我取消选中该复选框时，所有列都被放入第一列。Before:after:这仅仅是因为$（this）.closest（'tr'）.css（'display'，'block'）；只需将“block”更改为您需要的任何内容。向@killereksthankyou致意，我通过添加（'display'，'table-row'）修复了它；
<input type="checkbox" id="canafford"></input>

<tr id="up1">
  <td><button onclick="upgrade(2, 1)">Upgrade</button></td>
  <td>2 gold</td>
  <td>x2 Resting speed.</td>
</tr>

<tr id="up1" data-price="2">
    <td><button onclick="upgrade(2, 1)">Upgrade</button></td>
    <td>2 gold</td>
    <td>x2 Resting speed.</td>
</tr>

$(function() {
    $('#canafford').change(function() {
        if($(this).is(":checked")) {
            $('tr').each(function() {
                if ($(this).data('price') > myMoney) {
                    $(this).hide();
                }
            });
        } else {
            $('tr').show();
        }
    }
}