Podstawy korzystania z selektorów jQuery cz.2: atrybuty
Autor: JDStar o środa 15. Październik 2008
Cel: wybrać elementy przy pomocy atrybutu title (oczywiście może to być dowolny inny).
Niżej działający przykład
title=’ex1′
title=’ex2′
title=’abc2′
title=” lub jego brak
wybierz niepuste title (uwaga – również te w wordpress’ie)
wybierz z title zaczynającym się od ‘ex‘
wybierz z title kończącym się ‘2‘
Wszystkie elementy „wyzeruj”
Kod HTML i JavaScript z przykładu
1 2 3 4 5 6 7 8 9 10 | <span title='ex1'>title='ex1'</span> <span title='ex2'>title='ex2'</span> <span title='abc2'>title='abc2'</span> <span title=''>title='' lub jego brak</span> <a class="jq" rel="[@title!='']" rev="red" href="#">wybierz niepuste title</a> <a class="jq" rel="[@title^='ex']" rev="blue" href="#">wybierz z title zaczynającym się od '<em>ex</em>'</a> <a class="jq" rel="[@title$='2']" rev="green" href="#">wybierz z title kończącym się '<em>2</em>'</a> <a class="jq" rel="" rev="black" href="#">Wszystkie elementy "wyzeruj"</a> |
1 2 3 4 5 6 7 8 9 | <script type="text/javascript"><!-- var $j = jQuery; $j(document).ready(function(){ $j("a.jq").click(function () { $j(" span"+$j(this).attr("rel")).css('color',$j(this).attr('rev')); return false; }); }); // --></script> |
Jeśli ktoś ma pytania o bardziej skomplikowane przykłady – proszę w komentarzu zostawić info
