jquery代码优化（方法attr()为两个不同的div）？

Question

我是 javascript 和 jquery 的新手，每天我都在学习新东西...... 我正在处理一个文件，我发现自己使用了这段代码：

            $('#mobileuser span').attr({                    
                'class': 'fa fa-user',
                'style':''
            });

            $('#mobilesearch span').attr({                  
                'class': 'fa fa-search',
                'style':''
            });

在我摸索优化的过程中，我尝试了这个解决方案但不起作用：

var fontawesome= {          
    mobileuser: 'fa fa-user',
    mobilesearch: 'fa fa-search'    
}

$('#mobilesearch span, #mobileuser span').attr({                    
                'class': fontawesome[$(this).parent('div').attr('id')],
                'style':''
            });

你能建议我优化这段代码的最佳方法吗？

非常感谢，很抱歉这个问题:)

Answer 1

您可以将函数传递给.attr。为每个匹配选择器的元素调用该函数，并且在函数内，this 是特定元素。它应该返回具有特定属性的对象。

$('#mobilesearch span, #mobileuser span').attr(function() {
    return {                
        'class': fontawesome[$(this).parent('div').attr('id')],
        'style':''
    };
});

Answer 2

试试这个：

$('#mobilesearch span, #mobileuser span').each(function() {
    $(this).attr({                
        'class': fontawesome[$(this).parent('div').attr('id')],
        'style':''
    });
});