Проблема с JQuery элементом ориентации

Question

Я пытаюсь применить код here к моему document, чтобы скрыть ненужные rideshare-item дивы (вместо rideshare-detail) всякий раз, когда пользователь выполняет операцию фильтрации. Я думаю, что это не так, как я нацелился на элементы div, но я не уверен.

Может ли кто-нибудь указать мне в правильном направлении? Как настроить таргетинг на элементы, как показано в jsfiddle, на мой document?

Это мой код до сих пор:

$('body').on('click', '#go-button', function(event){ 
    // Collect values 
    var startAddress = $('.start-address').val(); 
    var destinationAddress = $('.end-address').val(); 
    // Only show matching pickup address and waypoint 
    $('.rideshare-item').show(); 
    $('.rideshare-detail .waypoint').each(function(a,b){ 
     var waypoint = $(b).attr('waypoint'); 
     // if found 
     if((waypoint == startAddress) || (waypoint == destinationAddress)){ 
      return false; 
     } 
     // if not found 
     else if($((waypoint != startAddress) && (waypoint != destinationAddress)) && a == $('.rideshare-detail .waypoint').length-1) { 
      $(this).closest('.rideshare-item').hide(); 
     } 
    }); 
}); 

Answer 1

Я думаю, что вы хотите что-то вроде этого:

$('#go-button').on('click', function(event) { 
    var startAddress = $('.start-address').val(); 
    var destinationAddress = $('.end-address').val(); 
    $('.panel').hide().filter(function(i) { 
     var waypoints = $(this).find('.waypoint'); 
     var w_1 = waypoints.filter(":first").data('waypoint'); 
     var w_2 = waypoints.filter(":last").data('waypoint'); 
     return w_1 == startAddress && w_2 == destinationAddress; 
    }).show(); 
}); 

Demo

Обратите внимание, что я изменил HTML путевых точек из waypoint="..." - data-waypoint="...".