jQuery-if-Anweisung ein - /ausblenden

Bekam ich einen code wie diese, die Kopien im text einer anderen div.

 var MyDiv1 = document.getElementById('myModal');
 var MyDiv2 = document.getElementById('purchaseNotice');
 MyDiv2.innerHTML = MyDiv1.innerHTML;

Den div mit der id 'purchaseNotice' sitzt, also innerhalb einer Vorlage, es hat auch eine Design-Klasse der box, allerdings brauche ich zum erstellen einer if-Anweisung, prüft, ob die id 'myModal' existieren, dann zeigen Sie 'purchaseNotice' mit der Klasse (sonst) verstecken Sie es alle.

Wenn es eine Möglichkeit, das hinzufügen einer div mit der Klasse zwischen den text, der kopiert werden soll 'purchaseNotice', dass würde mein problem lösen.

@UPDATE

Hier ist ein link zu dem, was ich habe:
http://jsfiddle.net/A9FE8/

Versuchen, eine if-Anweisung, um zu zeigen, das styling der 'infobox' nur, wenn die id 'myModal' existieren, sonst verstecken.

  • Eine Klasse hinzufügen? Können Sie nicht einfach $("#purchaseNotice").attr("class", "asdf") oder addClass()?
InformationsquelleAutor damek132 | 2014-04-16
  1. 0

    meinst du wie:

    if( $("#myModal").length ) { //check if div with id "myModal" exists
  $("#purchaseNotice").addClass("some_class").show();
}
else {
   $("#purchaseNotice").hide();
}
    • Thema aktualisiert. Vielen Dank für die schnelle Antwort 🙂
    InformationsquelleAutor Sudhir Bastakoti
  2. 1

    Versuchen mit:

    var myDiv1 = $('#myModal'),
    myDiv2 = $('#purchaseNotice');

if (myDiv1.get(0)) { //div exists
  myDiv2.html(myDiv1.html()).show();
} else {
  myDiv2.hide();
}
    InformationsquelleAutor hsz
  3. 0

    Versuchen, diese,

    Javascript

    var MyDiv1 = document.getElementById('myModal');
if(MyDiv1.length) {
   document.getElementById('purchaseNotice').style.display='block';
   document.getElementById('purchaseNotice').innerHTML= MyDiv1.innerHTML
} else {
   document.getElementById('purchaseNotice').style.display='none';
}

    Jquery

    if($('#myModal').length) {
   $('#purchaseNotice').html($('#myModal').html()) //set html
                       .show(); //show purchaseNotice div
} else {
   $('#purchaseNotice').hide();
}
    • Haben Sie einen Blick auf das update bitte. Vielen Dank 🙂
    InformationsquelleAutor Rohan Kumar
  4. 0

    Eher als das kopieren einer div zu einem anderen zu zeigen, man könnte einfach ein - /ausblenden es über elem.style.display = true; /*show*/ oder elem.style.display = false; /*hide*/;

    Hier ist ein fiddle/Beispiel.

    InformationsquelleAutor J.Wells
Schreibe einen Kommentar