Почему этот jQuery Filter () с анонимной функцией не работает - PullRequest
Новая
       2

Почему этот jQuery Filter () с анонимной функцией не работает

0 голосов
/ 05 ноября 2011 
<div class='volledige-breedte floatleft' style='border:1px solid #ff0080' >

<div class='filterDiv linken2x2links'><a href='http://www.staplijst.com/wsv-wetteren.asp' target='staplijst_link'><img src='{#ImageRoot}/groot/010.jpg' class='logo100' alt='WSV Wetteren AKTIVIA 010' align='left'></a><a href='http://www.staplijst.com/wsv-wetteren.asp' target='staplijst_link'><b>WSV Wetteren</b></a>&nbsp;<img src='{#ImageRoot}/staplijst-zonnetje.gif' class='inline-icon16' alt='licentiehouder van Staplijst'><br><br>AKTIVIA 010<br>   <div style='text-align:center;'><a href='{#WebRoot}/wandelclub-wsv-wetteren-aktivia-010.asp'>alle statistieken en grafieken&nbsp;<img src='{#ImageRoot}/btngrafiek24.png' class='inline-icon24' alt='wandelstatistieken, uitslagen en grafieken voor WSV Wetteren AKTIVIA 010'></a></div></div>
<div class='filterDiv linken2x2rechts'><a href='http://www.wandelclubegmont.be' target='staplijst_link'><img src='{#ImageRoot}/groot/163.jpg' class='logo100' alt='WSV Egmont - Zottegem AKTIVIA 163' align='left'></a><a href='http://www.wandelclubegmont.be' target='staplijst_link'><b>WSV Egmont - Zottegem</b></a>&nbsp;<img src='{#ImageRoot}/staplijst-zonnetje.gif' class='inline-icon16' alt='licentiehouder van Staplijst'><br><br>AKTIVIA 163<br><div style='text-align:center;'><a href='{#WebRoot}/wandelclub-wsv-egmont-uit-zottegem-aktivia-163.asp'>alle statistieken en grafieken&nbsp;<img src='{#ImageRoot}/btngrafiek24.png' class='inline-icon24' alt='wandelstatistieken, uitslagen en grafieken voor WSV Egmont - Zottegem AKTIVIA 163'></a></div></div>
  <div class='weg filterDiv linken2x2links'><a href='http://www.zandstappers.be' target='staplijst_link'><img src='{#ImageRoot}/groot/A044.jpg' class='logo100' alt='Wandelclub Zandstappers v.z.w. VWF A044' align='left'></a><a href='http://www.zandstappers.be' target='staplijst_link'><b>Wandelclub Zandstappers v.z.w.</b></a>&nbsp;<img src='{#ImageRoot}/staplijst-zonnetje.gif' class='inline-icon16' alt='licentiehouder van Staplijst'><br><br>VWF A044<br><div style='text-align:center;'><a href='{#WebRoot}/wandelclub-zandstappers-uit-wechelderzande-vwf-a044.asp'>alle statistieken en grafieken&nbsp;<img src='{#ImageRoot}/btngrafiek24.png' class='inline-icon24' alt='wandelstatistieken, uitslagen en grafieken voor Wandelclub Zandstappers v.z.w. VWF A044'></a></div></div>
<div class='weg filterDiv linken2x2rechts'><a href='http://www.waterhoekstappers.be' target='staplijst_link'><img src='{#ImageRoot}/groot/345.jpg' class='logo100' alt='De Waterhoekstappers - Heestert AKTIVIA 345' align='left'></a><a href='http://www.waterhoekstappers.be' target='staplijst_link'><b>De Waterhoekstappers - Heestert</b></a>&nbsp;<img src='{#ImageRoot}/staplijst-zonnetje.gif' class='inline-icon16' alt='licentiehouder van Staplijst'><br><br>AKTIVIA 345<br><div style='text-align:center;'><a href='{#WebRoot}/wandelclub-waterhoekstappers-uit-heestert-aktivia-345.asp'>alle statistieken en grafieken&nbsp;<img src='{#ImageRoot}/btngrafiek24.png' class='inline-icon24' alt='wandelstatistieken, uitslagen en grafieken voor De Waterhoekstappers - Heestert AKTIVIA 345'></a></div></div>
  <div class='weg filterDiv linken2x2links'><a href='http://www.stormvogels.be' target='staplijst_link'><img src='{#ImageRoot}/groot/070.jpg' class='logo100' alt='WSV De StormVogels vzw Oostende AKTIVIA 070' align='left'></a><a href='http://www.stormvogels.be' target='staplijst_link'><b>WSV De StormVogels vzw Oostende</b></a>&nbsp;<img src='{#ImageRoot}/staplijst-zonnetje.gif' class='inline-icon16' alt='licentiehouder van Staplijst'><br><br>AKTIVIA 070<br><div style='text-align:center;'><a href='{#WebRoot}/wandelclub-stormvogels-uit-oostende-aktivia-070.asp'>alle statistieken en grafieken&nbsp;<img src='{#ImageRoot}/btngrafiek24.png' class='inline-icon24' alt='wandelstatistieken, uitslagen en grafieken voor WSV De StormVogels vzw Oostende AKTIVIA 070'></a></div></div>
<div class='weg filterDiv linken2x2rechts'><a href='http://www.wandelmee.be' target='staplijst_link'><img src='{#ImageRoot}/groot/A054.jpg' class='logo100' alt='wandelmee.be VWF A054' align='left'></a><a href='http://www.wandelmee.be' target='staplijst_link'><b>wandelmee.be</b></a>&nbsp;<img src='{#ImageRoot}/staplijst-zonnetje.gif' class='inline-icon16' alt='licentiehouder van Staplijst'><br><br>VWF A054<br><div style='text-align:center;'><a href='{#WebRoot}/wandelmee.asp'>alle statistieken en grafieken&nbsp;<img src='{#ImageRoot}/btngrafiek24.png' class='inline-icon24' alt='wandelstatistieken, uitslagen en grafieken voor wandelmee.be VWF A054'></a></div></div>
<div class='filterDiv linken2x2links'><a href='http://www.velodroomvrienden.be' target='staplijst_link'><img src='{#ImageRoot}/groot/347.jpg' class='logo100' alt='Velodroomvrienden Moorslede AKTIVIA 347' align='left'></a><a href='http://www.velodroomvrienden.be' target='staplijst_link'><b>Velodroomvrienden Moorslede</b></a>&nbsp;<img src='{#ImageRoot}/staplijst-zonnetje.gif' class='inline-icon16' alt='licentiehouder van Staplijst'><br><br>AKTIVIA 347<br><div style='text-align:center;'><a href='{#WebRoot}/wandelclub-velodroomvrienden-uit-moorslede-aktivia-347.asp'>alle statistieken en grafieken&nbsp;<img src='{#ImageRoot}/btngrafiek24.png' class='inline-icon24' alt='wandelstatistieken, uitslagen en grafieken voor Velodroomvrienden Moorslede AKTIVIA 347'></a></div></div>
<div class='filterDiv linken2x2rechts'><a href='http://www.sterrebosstappers.be' target='staplijst_link'><img src='{#ImageRoot}/groot/314.jpg' class='logo100' alt='Sterrebosstappers Roeselare AKTIVIA 314' align='left'></a><a href='http://www.sterrebosstappers.be' target='staplijst_link'><b>Sterrebosstappers Roeselare</b></a>&nbsp;<img src='{#ImageRoot}/staplijst-zonnetje.gif' class='inline-icon16' alt='licentiehouder van Staplijst'><br><br>AKTIVIA 314<br><div style='text-align:center;'><a href='{#WebRoot}/wandelclub-sterrebosstappers-uit-roeselare-aktivia-314.asp'>alle statistieken en grafieken&nbsp;<img src='{#ImageRoot}/btngrafiek24.png' class='inline-icon24' alt='wandelstatistieken, uitslagen en grafieken voor Sterrebosstappers Roeselare AKTIVIA 314'></a></div></div>

</div>

<script type="text/javascript">

 function performFilter() {

    var filterArgument = $("#filterargument").val();
    // alert(filterArgument);
    //    $('.filterDiv').filter(':even').css('background-color', '#ffccff');
    //    $('.filterDiv').filter(':odd').css('background-color', '#c1ffe0');
    $('.filterDiv a[href]').filter(':even').css('border', '1px solid red');
    $('.filterDiv').css('height','150px').filter(':even').text('text replaced !' + filterArgument);
    $('.filterDiv').filter(
         function(index) {
            return  $(this).hasClass('weg');
         }
      ).css('background-color', '#c1ffe0');
   }
   $(document).ready(performFilter);
 </script>

Как вы можете видеть выше, я немного поигрался с jQuery, имея в виду конечный результат, чтобы позволить пользователю вводить некоторые символы в поле с именем filterargument, после чего только элементы <div>, содержащиеВведенные символы будут отображаться (остальные будут скрыты с помощью метода .hide().

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

Кажется, что строки с filter(':even') и filter(':odd') работают, а 

$('.filterDiv').filter(
         function(index) {
            return  $(this).hasClass('weg');
         }
      ).css('background-color', '#c1ffe0');

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

Заранее спасибо.

ОБНОВЛЕНИЕ

В результате первого полученного ответа я добавил символ «.» Перед filterDiv. Это было решением.

1 Ответ

3 голосов
/ 05 ноября 2011

Полагаю, это должно быть 

$('.filterDiv').filter....

:)

...