Javascript 获取每个家长的班级<；td>；并将其映射到<；李>；使用Jquery的项

我有一个问题，我自己已经解决了一半，需要一些专家帮我解决

我有一个

，我想填充一个

.dropdown

，其中第一列中的名称及其父类名称（数字）应用于我添加到下拉列表中的

中的

输入

复选框字段

演示-

我的名字有用

我不知道如何添加类名（出于疑问，我在演示中将其命名为

addDynamicClassHere

）

注释

有时类名与其他类混合在一起，因此我执行

replace

以去除不需要的类。请参见演示JS中的

var addDynamicClassHere=

。这是我试图获取类名的尝试

我在

输入

中添加了一个类

addDynamicClassHere

，我想在这里应用相应的类

如果我查看的HTML，只查看下拉列表中的输入字段，我希望结果是

<input class="520e248" type="checkbox" checked="">
<input class="520e24ee8" type="checkbox" checked="">
<input class="e248" type="checkbox" checked="">
<input class="434343" type="checkbox" checked="">
<input class="90i0i" type="checkbox" checked="">

请注意，这只是我向您展示输入的问题所需的结果，还有其他html围绕着它们，正如您在演示中看到的

---

提前感谢…很难正确表达的问题，请告诉我是否有任何问题，我可以编辑…

获得这样的课程

var addDynamicClassHere = $('.pickme').closest('tr').map(function () {
    return this.className.replace(/(first|hidden)/g,"");
});

   $('.resourceFilter').on('change', 'input', function () {
        if (this.checked) {
            console.log("show");
            $('tr.' + this.className).show();
        } else {
            $('tr.' + this.className).hide();
        }
    });

我猜你想显示/隐藏取决于它是否被选中，然后你可以这样做

var addDynamicClassHere = $('.pickme').closest('tr').map(function () {
    return this.className.replace(/(first|hidden)/g,"");
});

   $('.resourceFilter').on('change', 'input', function () {
        if (this.checked) {
            console.log("show");
            $('tr.' + this.className).show();
        } else {
            $('tr.' + this.className).hide();
        }
    });

---

当用户单击某个特定名称时，您希望何时添加动态类？在页面加载时，我希望添加下拉列表名称和类。类名不应仅为数字。谢谢您的评论。我们并没有在css中使用类名来设置它们的样式，它只是一种识别div的方法，在后端为dev添加一个类是最容易的。它似乎工作正常，只是更好的做法，不使用数字或我会看到任何问题？