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: 0
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
:: 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 |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno