我有一个小的 jquery 函数,可以根据选择的内容显示和隐藏,我有 2 个在同一页面上运行,但每个都有自己的数据附加到选择中,我想知道如何整理下面的函数- 我是否会通过使用 .attr 函数找出 id 来为 #rearq / #rearw 创建一个变量,然后为每件事使用某种类型?
$('#rearw li a').click(function(ev){
ev.preventDefault();
var id = $(this).data('id');
$('#rearw li a').not($(this).toggleClass('selected')).removeClass('selected');
$('#rearw-tints li').not($('#'+id).toggleClass('shown')).removeClass('shown');
});
$('#rearq li a').click(function(ev){
ev.preventDefault();
var id = $(this).data('id');
$('#rearq li a').not($(this).toggleClass('selected')).removeClass('selected');
$('#rearq-tints li').not($('#'+id).toggleClass('shown')).removeClass('shown');
});
这是我到目前为止所拥有的:
var control = $('.control ul').attr('id'); // Get the id e.g #rearw / #rearq
$(control).each(function (index) {
$(control + ' li a').click(function (ev) {
ev.preventDefault();
var id = $(this).data('id');
$(control + ' li a').not($(this).toggleClass('selected')).removeClass('selected');
$(control + '-tints li').not($('#' + id).toggleClass('shown')).removeClass('shown');
});
}
非常感谢任何帮助/指针!