Javascript 此过滤器系统功能有什么问题

我有一个滑块过滤功能，我试图根据一个属性

数据长度

过滤一些文本。因此，当滑块处于某个值时，它仅显示该数据长度值或更小的文本

这是滑块和过滤器功能：

var slider = document.getElementById("myRange");
var output = document.getElementById("demo");
output.innerHTML = slider.value;

slider.oninput = function() {
  output.innerHTML = this.value;
}

 function filterSystem() {
   $("em.match.js-match").hide().filter(function () {
     var length = parseInt($(this).attr("data-length"));
     return slider.value <= length;
    }).show();
  }

var slider=document.getElementById（“myRange”）；
var输出=document.getElementById（“演示”）；
output.innerHTML=slider.value；
slider.oninput=函数（）{
output.innerHTML=this.value；
}
函数过滤器系统（）{
$（$em.match.js match”）.hide（）.filter（函数（）{
var length=parseInt（$（this）.attr（“数据长度”）；
return slider.value我发现两个问题：

您从未调用过
filterSystem（）；

您的项目中没有包含
jQuery

更新此：

slider.oninput = function() {
  output.innerHTML = this.value;
  filterSystem();
}

工作演示


var slider=document.getElementById（“myRange”）；
var输出=document.getElementById（“演示”）；
output.innerHTML=slider.value；
slider.oninput=函数（）{
output.innerHTML=this.value；
过滤器系统（）；
}
函数过滤器系统（）{
$（“em.match.js match”）.css({
“背景色”：“fff”，
“颜色”：“000”
}).filter（函数（）{
var length=parseInt（$（this）.attr（“数据长度”）；
如果（slider.value我发现两个问题：

您从未调用过
filterSystem（）；

您的项目中没有包含
jQuery

更新此：

slider.oninput = function() {
  output.innerHTML = this.value;
  filterSystem();
}

工作演示


var slider=document.getElementById（“myRange”）；
var输出=document.getElementById（“演示”）；
output.innerHTML=slider.value；
slider.oninput=函数（）{
output.innerHTML=this.value；
过滤器系统（）；
}
函数过滤器系统（）{
$（“em.match.js match”）.css({
“背景色”：“fff”，
“颜色”：“000”
}).filter（函数（）{
var length=parseInt（$（this）.attr（“数据长度”）；
如果（slider.value
没有按我所希望的那样工作
-它应该如何工作？它会做什么？但是您正在
过滤器系统（）中使用jQuery
jquery ui！==jquery@FedeScwow，所以你所需要做的就是调用你创建的函数！听起来合法
没有按照我的要求工作
-它应该如何工作？它做什么？但是你在
filterSystem（）中使用jquery
jquery ui！==jquery@FedeScwow，所以你所需要做的就是调用你创建的函数！听起来我还想问你一件事。我想更改而不是.hide（）删除背景色的突出显示。有关于如何实现这一点的提示吗？@ga4696我不明白你在问什么，我不清楚你在问什么。这两段文字的突出显示背景色是什么。例如：
style=“background color:rgb（0，155，139）；
。我如何删除这一突出显示“没有使用.hide（）完全隐藏文本。我希望我能更清楚一点。谢谢你的帮助！@ga4696尝试查看演示。”now@ga4696现在尝试检查我想再问你一件事。我想更改而不是.hide（）删除背景色的突出显示。有关于如何实现这一点的提示吗？@ga4696我不明白你在问什么，我不清楚你在问什么。这两段文字的突出显示背景色是什么。例如：
style=“background color:rgb（0，155，139）；
。我如何删除这一突出显示“没有使用.hide（）完全隐藏文本。我希望我能更清楚一点。谢谢你的帮助！@ga4696尝试查看演示。”now@ga4696现在试试看