![Wakacyjne książkowe last minute! [Książki -35% | Ebooki -50%]](https://static01.helion.com.pl/helion/img/promocje/bannery/9084/box_MW_promo_ksiazk_last_minute_d4a7da8a4.jpg)
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: 38423
Ranga: Administrator serwisu Punktów: 38423
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..
