获取每个父级的类,并使用Jquery </li>将其映射到<li>项

时间:2013-09-17 09:35:53

标签: javascript jquery

我有一个问题,我有一半解决了自己,需要一些专家来帮助我完成它。

我有一个<table>,我希望填充.dropdown,其中第一列中的名称及其父类名称(数字)应用于input复选框字段中{ {1}}我添加到下拉列表中。

DEMO - http://jsfiddle.net/zqMnk/2/

  1. 我的名字正在运作
  2. 我不知道如何添加班级名称(出于问题的目的,我在演示中将其命名为<li>
  3. 备注

    1. 有时候,班级名称会与其他班级混在一起,所以我会addDynamicClassHere删除不需要的班级。请参阅demo JS中的replace。这是我尝试获取类名。
    2. 我在var addDynamicClassHere =添加了一个班级addDynamicClassHere,这是我要应用相应课程的地方。
    3. 如果我查看下拉列表中仅输入字段的HTML,我希望结果为

      input

      请注意,这只是我向您展示用于问题目的的输入所需结果,正如您在演示中看到的那样,还有其他html。

      提前致谢...问题难以正确所以如果有任何问题请告诉我,我可以编辑......

1 个答案:

答案 0 :(得分:1)

获取这样的课程

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();
        }
    });

DEMO