javascript - JQuery attr 选择器到字符串，存储为变量，然后传递到另一个 JQuery 选择器

Question

我想使用 JQuery 选择器来获取被单击的 elelement，检查以确保它具有适当的类名(在本例中为 jobtype)，如果是，则使用其 name 属性值作为选择器，以hide() 类的值与第一个选择器名称属性值相同。

这是我到目前为止的代码:

    $('fieldset.workexperience input').on('change', function() {
        // var jtaa = {"bit" : "Business Information Technology",
        //          "cs" : "Customer Service",
        //          "dev" : "Developer",
        //          "eng" : "Engineer",
        //          "mgr" : "Manager",
        //          "ocm" : "Organizational Change Management" };
        if ($(this).hasClass('jobtype')) {
            $($(this).attr("name")).hide();
        } else {

        }
    });

var jtaa 有键和值。键代表不同的可能的“名称”属性。我想当点击一个时，如果它的名称是 eng，那么 JQuery 选择器应该是 $(.eng).hide()。当我直接在控制台中输入时，它可以工作，但是，直接从这里输入时，它会出错。

Answer 1

$('fieldset.workexperience input').on('change', function() {
        // var jtaa = {"bit" : "Business Information Technology",
        //          "cs" : "Customer Service",
        //          "dev" : "Developer",
        //          "eng" : "Engineer",
        //          "mgr" : "Manager",
        //          "ocm" : "Organizational Change Management" };
        var obj=$(this);
        if (obj.hasClass('jobtype')) {
            $('.'+obj.attr("name")).hide();
        } else {

        }
    });

注意句点 . 连接到选择器另外，您可能需要考虑添加非空检查以使代码健壮。