Question

您有一个脚本可以在网络之间切换语言。通过id或类对不同元素进行操作，并且完美地运行。完全相同的脚本，更改('#' + block_name + '')的id和'.' + block_name + ''的类。有没有办法在一个脚本中简化这个？

脚本1：

var display = function(block_name, title) {
$('.CENTER').css('display', 'none');
$('#' + block_name + '').css('display', 'block');}

$('.UK').on('click', function() {display('LUK', $(this));
});

$('.ES').on('click', function() {
display('LES', $(this));
});

$('.FR').on('click', function() {
display('LFR', $(this));
});

脚本2：

var display = function(block_name, title) {
$('.info, .frames, .button').css('display', 'none');
$('.' + block_name + '').css('display', 'block');
}

$('.UK').on('click', function() {
display('LUK', $(this));
});

$('.ES').on('click', function() {
display('LES', $(this));
});

$('.FR').on('click', function() {
display('LFR', $(this));
});

Answer 1

连接您的class和'id`选择器：

$("'.' + block_name, '#' + block_name").css('display', 'block');

请参阅此very simple example

Answer 2

您可以使用jQuerys .add-Function。 $（“。c1”）。add（“＃b1”）选择.c1和＃b1。

我不明白为什么你需要第二个.on（“点击”） - 你的第二个脚本中的绑定。如果执行了第一个脚本，那么您将不需要第二个onclick处理程序，或者您将以一个元素的两个onclick事件处理程序结束。

jquery与div和class相同的函数

2 个答案: