Loading:

Promocja Helion.pl

Jak wyszukać dany element w dokumencie HTML - klasy oraz id - JQuery

JQuery oferuje nam sposób sprawdzenia czy istnieje oraz ile razy występuje w dokumencie HTML dana klasa, id, lub sam tag.

 

Listing 1.0 pokazuje zastosowanie dla klasy.

 

Listing 2.0 pokazuje zastosowanie dla id.

 

Listing 3.0 pokazuje zastosowanie dla tagu.

 

Wszystkie skrypty po załadowaniu strony zwracają informacje o wynikach wyszukiwania.



Napisz Artykuł

Listing

//listing 1.0
function wyszukajKlasy() {
        if ($('.mojaKlasa').length){
                alert("klasa występuje: "+$('.mojaKlasa').length+" razy");
        }else {
                alert("klasa nie występuje");
        }
}

$(document).ready(function(){
        wyszukajKlasy();
});


//listing 2.0
function wyszukajId() {
        if ($('#mojId').length){
                alert("id występuje: "+$('#mojId').length+" razy");
        }else {
                alert("id nie występuje");
        }
}

$(document).ready(function(){
        wyszukajId();
});


//listing 3.0
function wyszukajTag() {
        if ($('img').length){
                alert("tag występuje: "+$('img').length+" razy");
        }else {
                alert("tag nie występuje");
        }
}

$(document).ready(function(){
        wyszukajTag();
});


Ten wpis posiada swój wątek na forum

Wszystkie pytania prosimy kierować właśnie tam ponieważ komentarze to miejsce na poprawki do kodu lub alternatywne rozwiązania i pytania nie będą publikowane

http://forum.funkcje.net/forum/viewtopic.php?f=2&t=5642

Dane do logowania na forum są takie same jak na funkcje.net



Dodano przez: divix
Ranga: Administrator serwisu Punktów: 38323
Komentarze użytkowników
    • Treść komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-17 v.1.5 | design: diviXdesign & rainbowcolors