Проблема с этим классом jquery

Question

Я пытаюсь вставить this в свою функцию, чтобы иметь несколько шкал.

$('.bt').click(function(e){ 
    var num = $(this).attr('href'); 
    $('.rat').hide(); 
    $('.' + num).show(); 
    e.preventDefault(); 
}); 

JSFIDDLE

Answer 1

Чтобы изменить только один масштаб можно использовать parent() и children() функции вместо выбора элементов «глобально». Вот то, что вам нужно (JSFiddle):

$('.bt').click(function(e){ 
    var num = $(this).attr('href'); 
    $(this).parent().children('.rat').hide(); 
    $(this).parent().children('.' + num).show(); 
    e.preventDefault(); 
}); 

Answer 2

В настоящее время, вы выбираете все элементы с классом .rat. Вы хотите выбрать только братьев и сестер текущего элемента. Посмотрите jQuery's siblings и попробовать что-то вроде этого:

$('.bt').click(function(e){ 
    var num = $(this).attr('href'); 
    $(this).siblings('.rat').hide(); 
    $(this).siblings('.' + num).show(); 
    e.preventDefault(); 
});