gpt4 book ai didi

javascript - 在 jQuery 中按类名获取可见元素的动态计数

转载 作者:行者123 更新时间:2023-11-28 19:30:53 24 4
gpt4 key购买 nike

在链接的 fiddle 中,我在 jQuery 中设置了一个复选框过滤器,以按公司名称和职位过滤人员。我想要当元素显示/隐藏时动态变化的可见元素的总数。在 fiddle 中,我突出显示了总元素计数,但当前在选中/取消选中复选框时它不会改变。我发现了几个类似的问题,但我无法找到一种方法将这些建议实现到我的代码中以使计数动态化。任何帮助将不胜感激。

http://jsfiddle.net/point71echo/fnzag0pp/6/

这是我正在使用的 jQuery 代码:

    $(function() {
$('.peoples, .companies').on('click', function() {
var checkedPeoples = $('.peoples:checked');
var checkedCompanies = $('.companies:checked');
if (checkedPeoples.length || checkedCompanies.length) {
if (checkedCompanies.length === 0) {
$('.row > div').hide();
$.each(checkedPeoples, function() {
var prdId = $(this).attr('data-id');
$('.row > div[data-category="' + prdId + '"]').show();
});
} else if (checkedPeoples.length === 0) {
$('.row > div').hide();
$.each(checkedCompanies, function() {
var brandId = $(this).attr('data-id');
$('.row > div[company="' + brandId + '"]').show();
});
} else {
$('.row > div').hide();
$.each(checkedPeoples, function() {
var prdId = $(this).attr('data-id');
$.each(checkedCompanies, function() {
var brandId = $(this).attr('data-id');
$('.row > div[data-category="' + prdId + '"][company="' + brandId + '"]').show();
});
});
}
} else {
$('.row > div').show();
}
});
});

// Total count of elements (visible and invisible)...
var x = $('.people:visible').length;
$('#count').append( x );

最佳答案

这就像计算可见元素并更改事件处理程序底部的 HTML 一样简单

$('#count').html( $('.people:visible').length );

FIDDLE

关于javascript - 在 jQuery 中按类名获取可见元素的动态计数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26819331/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com