[jQuery] html()/append()/etc - Jak sprawdzić czy już dodane Opcje

[starach]

Hej,

Czasami przy wrzucaniu dużych ilości danych muszę walnąć jakąś funkcję w setTimeout żeby wywołać efekt opóźnionego wykonania operacji. Czy istnieje możliwość sprawdzenia czy dany element został już wczytany? Czy należy robić setTimeout, a w nim warunkiem sprawdzać czy został element załadowany?

[mortus]

Zapewne można, ale ważne jest to, jaką treść dodajemy. Zaimplementujmy sobie funkcję exists():

[JAVASCRIPT] pobierz, plaintext 
function exists(element) {
  if($(element).length > 0) return true;
  return false;
}
[JAVASCRIPT] pobierz, plaintext 

I teraz, jeśli ładujemy/wstawiamy elementy html posiadające własny identyfikator, to nie ma żadnego problemu, wystarczy proste sprawdzenie:

[JAVASCRIPT] pobierz, plaintext 
if(!exists("#id_1")) {
  // element nie został dodany, bo w DOM nie ma elementu o id równym id_1
}
[JAVASCRIPT] pobierz, plaintext 

Problem pojawia się wtedy, jeśli dodajemy tekst, bo wtedy trzeba zadbać o to, żeby tekst miał odpowiednią formę zanim porównamy go z zawartością strony. Tutaj mógłby pomóc selektor :contains():

[JAVASCRIPT] pobierz, plaintext 
var selector = "#content:contains('"+text+"')";
if(!exists(selector)) {
  // element nie został dodany, bo w elemencie o id content nie ma odpowiedniego tekstu
}
[JAVASCRIPT] pobierz, plaintext 

W drugim przypadku można również skorzystać z wyrażeń regularnych lub operacji na łańcuchach znakowych.

@askone To czy dany element istnieje w jQuery możemy sprawdzić tylko za pomocą atrybutu length tego elementu. Z tego co wiem inaczej się nie da, bo jQuery zwraca obiekt jQuery gdy nie może znaleźć określonego przez nas elementu html.

[askone]

@askone To czy dany element istnieje w jQuery możemy sprawdzić tylko za pomocą atrybutu length tego elementu. Z tego co wiem inaczej się nie da, bo jQuery zwraca obiekt jQuery gdy nie może znaleźć określonego przez nas elementu html.

Faktycznie - coś gdzieś dzwoniło ale do końca nie wiedziałem gdzie (IMG:style_emoticons/default/smile.gif)