jquery condition virker ikke

Har du prøvet køre en alert på de variabler du tjekker? Så du kan se hvad den egentlig returnerer. Det gør det lidt nemmere at se hvad fejlen er.

alert($("#left img[src^=trans.gif]").size());
alert($("#right img").attr("src"));

Jeg får 0 og undefined...

Så er denne her heller ikke sand:
$("#left img[src^=trans.gif]").size() > 0

Men her er html
<div id="left">
<img src="trans.gif"/>
</div>

og det skulle da stemme med billedet

Hvorfor gør du ikke bare ligesom du gør med right?

Så den bliver:
if ($("#left img").attr("src") == "trans.gif") && $("#right img").attr("src") != "trans.gif")

Det virker stadig ikke

$(document).ready(function() {
if ($("#left img").attr("src") == "trans.gif") && $("#right img").attr("src") != "trans.gif")
  {
alert ("helloworld");
  };
});

Det ville klæde dig at skrive hvad fejlen var, i stedet for bare "det virker ikke". Det er tydeligt når man kører den, at der kommer en syntaks fejl.

Og det kan så nemt rettes ved at fjerne en afsluttende parentes.

$(document).ready(function() {
if ($("#left img").attr("src") == "trans.gif" && $("#right img").attr("src") != "trans.gif")
  {
alert ("helloworld");
  };
});

Nu forsøger jeg at lave funktionen uden brug af jquery. Jeg kan bare ikke få det til at køre den sidste alert "alert("third");". Kan du se hvad der er galt?

function center() {
        if (document.getElementById("left").getElementsByTagName('img')[0]) {
          var imgcheck = document.getElementById("left").getElementsByTagName('img')[0].src;
          var imgcheckRight = document.getElementById("right").getElementsByTagName('img')[0].src;
       
          if (imgcheck.indexOf("test") > 1 && imgcheck.indexOf("testtest") > 1) {
              alert("first");
           
          }
          else if (imgcheck.indexOf("test") > 1 ) {
              alert("second");
             
          }
          else if (imgcheckRight.indexOf("test") > 1) {
              alert("third");
             
          }
      }
   
}

HTML <div id="right">
<img src="test"/></div>

<div id="left">
<img src=""/></div>

Det er fordi elementer begge hedder test.

Her er et eksempel der virker i jquery:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
    center();
});

function center() {
        if (document.getElementById("left").getElementsByTagName('img')[0]) {
          var imgcheckLeft = $("#left img").attr("src");
          var imgcheckRight = $("#right img").attr("src");
          if (imgcheckLeft != '' && imgcheckRight != '') {
              alert("first");
           
          }
          else if (imgcheckLeft != '') {
              alert("second");
             
          }
          else if (imgcheckRight != '') {
              alert("third");
             
          }
      }
   
}
</script>

<div id="right">
<img src="test"/></div>

<div id="left">
<img src=""/></div>

Tusind tak. Jeg har prøvet at arbejde lidt videre med det. Lige nu prøver jeg at få den til at køre alert("960"); hvis begge div'er er tomme eller har img med src="trans" Men den bliver ved med at køre  alert("1080"); Kan du hjælpe mig lidt?

function center() {
          var lEmpty = $p("#left").is(":empty");
         
          var rEmpty = $p("#right").is(":empty");
         
          var imgcheckL = $p("#left img").attr("src");
          var imgcheckR = $p("#right img").attr("src");
         
          if ((imgcheckL != 'trans.gif') &&
            (lEmpty == false) &&
            (imgcheckR != 'trans.gif') &&
            (rEmpty == false))
          {
              alert("1170");
          }
          else if ((rEmpty == false) &&
                  (imgcheckR != 'trans.gif') &&
                  (lEmpty == true) ||
                  (imgcheckL = 'trans.gif'))
          {
              alert("1080");
          }
            else if ((lEmpty == true) &&
                      (rEmpty == true) ||
                      (imgcheckL = 'trans.gif') ||
                      (imgcheckR = 'trans.gif')
                      )
          {
              alert("960");
          }
}

HTML <div id="right"></div>
<div id="left"><img src="trans.gif"/></div>

Du er tæt på, du bruger bare bruge dobbelt == for at tjekke om en variabel er sat.

F.eks.:
imgcheckR = 'trans.gif'

Skal være:
imgcheckR == 'trans.gif'

I stedet for at køre alle de der statements ved hver else if, kan du med fordel køre dem en gang i starten. Det gør det hele lidt mere overskueligt. Prøv at se dette eksempel (virker vist også som du vil have det).

function center() {
    var imgcheckRight = $("#right img").attr("src");
    if (imgcheckRight == 'trans.gif' && imgcheckRight != undefined) imgRightIsset = true;
    else imgRightIsset = false;

    var imgcheckLeft = $("#left img").attr("src");
    if (imgcheckLeft == 'trans.gif' && imgcheckLeft != undefined) imgLeftIsset = true;
    else imgLeftIsset = false;

    if (imgRightIsset == false && imgLeftIsset == true) {
        alert("Left er sat, Right er ikke sat");   
    }
    else if (imgRightIsset == true && imgLeftIsset == false) {
        alert("Right er sat, Left er ikke sat");
    }
    else {
        alert("Enten er begge sat eller ingen er sat");
    }
   
}

Hey nu virker det, men jeg bliver nødt til at tjekke på om trans.gif bare er en del af src, så har prøvet med
 
var imgcheckRight = $("#right img[src^=trans.gif]");

men den returner object object. Har du også lidt hjælp her ?

Ja, du skal bruge denn her i stedet:
var imgcheckRight = $("#right img[src*=trans.gif]");

Så tjekker den om trans.gif findes i src attributen.

Så kan du tjekke om den har fundet et element med:
if (imgcheckRight.length > 0) {
// den findes
} else {
// den findes ikke
}