Javascript 相同的逻辑，不同的数据，没有结果

我可能在这里犯了点小错误。这里有两个具有相同逻辑和不同数据的小提琴。一个工作（），一个不工作（）

我相信我可能犯了一些错误，一个小时后我一直在努力寻找，但没有得到它。请帮忙

$(document).ready(function () {

    // On changing the select option, display the rows which are relevant to the option selected.

    $(document).on('change', '.Cat_Table_Header', function () {
alert("ok");
        $('#catleads tbody tr').each(function (trIndex, tr) {
            var visible = true;
            $('.Cat_Table_Header').each(function (selectIndex, select) {
                $option = $(select).find('option:selected');
                $td = $(tr).find('td').eq(selectIndex);
                visible = visible && ($option.val() == 'all' || $td.text() == $option.text());
            });
            if (visible) {
                $(tr).show();
            } else {
                $(tr).hide();
            }
        });

    });


});

---

你的第二个助手没有加载jQuery。当我在框架菜单中添加jQuery时，它会工作：哦！此操作需要jQuery引用？？那么我可以把它添加到我的文件中吗？如果您刚刚打开控制台，您会立即看到错误

$未定义

。请习惯使用调试工具——这将为您省去很多麻烦。

jquery/jquery latest.js

是一个本地路径。如果该文件存在于该位置，那么可以（将其添加到本地开发项目中）。如果您仍然只是在闲逛（哈！），那么只需从框架和扩展区域（左上角）选择一个合适的jQuery版本即可。