jquery - 获取每个可见孩子的班级

Question

我正在动态创建附加到新输入的跨度。如果标题输入有某些可见的孩子，我希望新的输入孩子也能看到这些类。

我想要类似的东西：

var visibleClass = $('#titlediv').children().is(':visible').each('.class');

$('#newinput').children('span').hasClass('.' + visibleClass).show();

这是创建新输入和 div 的函数的代码示例。在此示例中，“.catsadd”指的是变量 all images，它们都具有类 catadd 并且也具有自己的唯一类：

var item = $('<input />');

item.attr({'type':'text', 'size': '33px' , 'class':'inputItem' , 'id':'item' + nextItemId })

.appendTo('#itemDiv' + nextItemId);



    //Create Span for category selections

$('<span />').attr({'class':'dynamiccat' , 'id':'categorydiv' + nextItemId})

.prependTo('#itemDiv' + nextItemId);

$('#categorydiv' + nextItemId).append(allimages);

$('.dynamiccat').hide();

$('.catsadd').hide();

提前感谢您的帮助！

Answer 1

如果我说对了，您想获取可见元素的所有类：

var visibleClasses = $('#titlediv :visible[class]').map(function(){
    return this.className.split(\s);
}).get();

直系子女：

var visibleClasses = $('#titlediv > :visible[class]').map(function(){
    return this.className.split(\s);
}).get();