Динамический селектор jQuery с фильтром

Question

У меня есть html div ids динамически сгенерированный.

<div id="1-test" class="new">  
<div id="2-test" class="new"> 
<div id="3-test" class="new"> 
<div id="4-test" class="new"> 

Мне нужно показать/скрыть эти divs одним щелчком мыши. Я пробовал это

var filterid='test'; 
    $('.new[id$=filterid]').each(function (index) { 
     $(this).toggle(); 
    }); 

Но, это не происходит внутри цикла. Может ли кто-нибудь сообщить об ошибке здесь? Заранее спасибо.

Если я это сделаю, я вижу, что цикл работает.

$('.new').each(function (index) { 
     alert($(this).attr('id')); 
    }); 

Когда я фильтрую на основе идентификатора динамически и пытаюсь войти, цикл не работает!

Answer 1

Просто, чтобы отметить решение ...

$('.new[id$=' + filterid + ']').toggle(); 

Благодаря Вохуманом и j08691

Answer 2

Пожалуйста, проверьте мои Plunk и посмотрите, дает ли это вам функциональность. Я считаю, что это должно быть из того, что вы описали.

Вместо:

var filterid='test'; 
    $('.new[id$=filterid]').each(function (index) { 
    $(this).toggle(); 
}); 

Я добавил «щелчок» событие в виде:

$(".new").click(function(){ 
    var filter = $("#filter").val(); 
    if ($(this).attr("id") != filter) return; 
    $(this).toggle(); 
}); 

Это проверяет, если идентификатор фильтра такой же, как то, что была нажата и только позволяет их переключаться.

Если вам нужна уточненная фильтрация, дайте мне знать. Удачи!