![Weso³ych ¦wi±t ;]](http://funkcje.net/images/logo_christmas.png){kind=logo}
![Noworoczne wietrzenie magazynów! [Książki drukowane -35%| Ebooki -50%| Audiobooki po 13,90zł]](https://static01.helion.com.pl/helion/img/promocje/bannery/10404/Helion_bezdroza_wietrzenie_m_Robert_27a06147f_1180-hel.png)
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.
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();
});
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();
});
Dodano przez: divix
Ranga: Administrator serwisu Punktów: 38473
Ranga: Administrator serwisu Punktów: 38473
Komentarze użytkowników
-
-
Tre¶æ komentarza
-
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Zend Framework 3. Developer's Guide |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles of: JAVA, PHP, C++, Pyth, JavaScript and so on..
