我最近在与哈巴狗(Jade)一起工作时遇到了一些麻烦。我从后面向前面发送一个数组,然后在客户端对其进行排序。
它看起来像这样:
potentials
是我从后面发送到前面的物体数组,res.render('./myPage', {potentials})
script.
$(document).ready(function() {
$("#age-slider").change(function(){
var slider = document.querySelector('#age-slider')
var sliderInputs = slider.querySelectorAll('input[type=range]')
var found_age = potentials.filter(v => v.age >= sliderInputs[0].value && v.age <= sliderInputs[1].value);
console.log(found_age)
})
})
if (found_age)
span
li
found_age.username
所以我的排序正在工作,我可以在玩输入时记录我的值,但是我现在如何在这个哈巴狗页面上渲染我的数组found_age
?我有什么
感谢您的任何帮助!
经过漫长的挖掘之夜,以下是对我有用的东西:
found_age = potentials.filter(v => v.age >= sliderInputs[0].value && v.age <= sliderInputs[1].value);
console.log(found_age)
document.getElementById('array-Filter').innerHTML = found_age.map((user) => {
return `
<li>${user.username} ${user.age} years old from ${user.city}</li>
`;
}).join('');