我已经设置了一个 Javascript 函数,它为我的每个搜索结果生成随机数,这些结果是列表项,我想计算列表的长度,而无需事先知道将显示的搜索结果的数量,因为每个查询都是不同。
有什么办法可以做到吗?
目前,我在此 Javascript 函数中手动向 itemLength
添加一个数字,因为我知道特定查询的结果数:
<script type="text/javascript">
var orderedList = document.getElementById("my_list");
var itemLength = 8; //REPLACE THIS WITH THE LENGTH OF THE ITEM LIST
function getRandomInt(min, max) {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min + 1)) + min;
}
// get a default 100 into the array
var arrayOfNumbers = [100],
listItem = document.getElementById("list_item");
// get itemLength random numbers
for (let i = 0; i < itemLength; i++) {
arrayOfNumbers.push(getRandomInt(30, 98))
}
// sort the array of random numbers
arrayOfNumbers.sort(function(a, b) {
return b - a
})
// now do the lopping and creating elements
for (let i = 0; i < arrayOfNumbers.length; i++) {
let randomIntContainer = document.createElement('div');
randomIntContainer.textContent = arrayOfNumbers[i] + "%";
randomIntContainer.setAttribute('class', 'number');
listItem = document.getElementById("list_item");
listItem.appendChild(randomIntContainer);
orderedList.appendChild(listItem);
}
</script>
但知道每个查询不会总是返回 8 个结果,而且我必须像这样在 html 中从后端调用结果:
<div>
{% if page_obj.object_list %}
<ol class="row top20" id="my_list">
{% for result in page_obj.object_list %}
<li id="list_item">
<div class="showcase col-sm-6 col-md-4">
<a href="{{ result.object.get_absolute_url }}">
<h3>{{result.object.title}}</h3>
<h5>{{ result.object.destination }}</h5>
<img src="{{ result.object.image }}" class="img-responsive">
</a>
</div>
</li>
{% endfor %}
</ol>
</div>
{% endif %}
如何自动计算itemLength
?
最佳答案
我想你要找的是
orderedList.children.length
关于javascript - 使用 Javascript 计算列表项的长度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56095574/