jquery show, пытаясь показать элемент с тем же классом

Question

У меня есть несколько кнопок .modif с заголовком атрибута, по-разному для каждого, например : title="one", тогда все поля имеют тот же класс .box_slide, но я пытаюсь показать просто тот, у кого также есть класс box_one и скрыть других, все ящики имели класс .box_slide

Дело в том, что все ящики скрываются, может кто-то показать мне лучший способ сделать это.

$('.modif').click(function(){  
    var title = $(this).attr('title'); 
    $('.box_slide').hide(); 
    $('.box_' + title).show(); 
}); 

Answer 1

Вы должны изменить

$('.box_' + title).show(); 

на это:

$('.box_slide[title=box_' + title + ']').show(); 

Answer 2

Вы упоминаете в своем описании, что название "box_one". Но в коде, вы ставите его в качестве

$('.box_' + title).show(); 

Это приведет, как box_box_one

Следовательно, это может быть причиной проблемы.

Ниже будет работать, как ожидалось

$('.box_slide.box' + title).show(); 

Answer 3

Вы можете использовать Attribute Starts With Selector \[name^="value"\], чтобы показать все элементы, которые имеют класс, начиная с box_ и скрыть конкретную один:

$('.modif').click(function(){     
    $("[class^='box_']").show(); 
    $('.box_slide').hide(); 
}); 

Answer 4

Если я понимаю ваш вопрос, то следующие должны работать

$('.modif').click(function(){  
    var title = $(this).attr('title'); 
    $('.box_slide').hide(); 
    $('.box_slide .' + title).show(); 
}); 

Answer 5

Используйте это.

$('.modif').click(function(){  
    var title = $(this).attr('title'); 
    $('.box_slide').hide(); 
    $('.box_' + title).show(); 
});