Forum PHP.pl > [jquery] problem z przykładem if

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [jquery] problem z przykładem if

lamcpp

22.05.2011, 14:17:44

Witam chciałbym zrobić prostą instrukcje if, która w zależności od tego czy element ma klasę wyswietla dany tekst, ale nie widać zadnego efektu tak jakby instrukcja if nie działała;/ ktos mógłby napisać co jest nie tak w tym kodzie?
html:

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <script src="jquery.js"></script>
    <script src="cos.js"></script>
  </head>
  <body>
      <p id="pierwszy">Moj akapit</p><span></span>
      <p id="drugi" class="cos">Moj akapit2</p><span></span>
 
  </body>
</html>
[HTML] pobierz, plaintext

cos.js:

[XML] pobierz, plaintext 
$(document).ready(function(){
   if ($("p#pierwszy").hasClass("cos")){
      $(this).append("zawiera klasę cos");
   }
   else{
       $(this).append("nie zawiera klasy cos");
   }
 
});
[XML] pobierz, plaintext

mortus

22.05.2011, 17:31:00

W takiej sytuacji $(this) odnosi się do obiektu jQuery. Dlatego nic się nie dzieje. Powinno być raczej:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
  var p = $("p#pierwszy");
  if(p.hasClass("cos")) {
    p.append("zawiera klasę cos");
  } else {
    p.append("nie zawiera klasy cos");
  }
});
[JAVASCRIPT] pobierz, plaintext

lub podobnie jak Ty to zrobiłeś:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
  if($("p#pierwszy").hasClass("cos")) {
    $("p#pierwszy").append("zawiera klasę cos");
  } else {
    $("p#pierwszy").append("nie zawiera klasy cos");
  }
});
[JAVASCRIPT] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.