【问题标题】:Jquery selector for dynamic label for checkbox用于复选框的动态标签的 Jquery 选择器
【发布时间】:2012-06-24 00:15:26
【问题描述】:

this 非常相似,但是,在我的例子中,标签的值可以改变。我正在尝试在单击时更改字体。这是我迄今为止所拥有的:

    // Job Type Button
    $('fieldset.workexperience input').on('change', function() {
        if ($(this).hasClass('jobtype') && ($(this).attr("name")!="")) {
            $('.'+$(this).attr("name")).toggle("slow");
            //Change color to white to show hidden
                $('label[for=$(this)]').toggleClass("hidden");

                $(this).toggleClass("hidden");

                var $this = $(this).attr("label");
                $('label[$this]').toggleClass("hidden");
        } else {

        }
    });

一共有三种尝试,第一次通过它的标签访问它,第二次直接访问它(但是$(this)是复选框,不是标签),第二次是尝试获取它的值标签,然后将其作为参数传入。

任何帮助将不胜感激。

顺便说一句:CSS 是:

    .hidden {
    color: white;
    }

【问题讨论】:

    标签: jquery css toggleclass


    【解决方案1】:
    $('label[for=$(this)]').toggleClass("hidden");
    

    应该

    $('label[for="'+ $(this).attr('id') +'"]').toggleClass("hidden");
    

    例如:

    <label for="somecheckbox">Checkbox</label>
    <input type="checkbox" id="somecheckbox">
    

    所以$(this).attr('id') 将得到id,它等于labelfor 属性。

    【讨论】:

    • 哦!,所以你可以结束引号并连接,然后重新打开引号,类似于连接字符串?
    猜你喜欢
    • 2010-11-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-04-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-05-21
    相关资源
    最近更新 更多