Javascript Open Window

Sto cercando di capire come rendere il javascript aprire la finestra corretta. La class div .show all’interno del mio javascript controlla il contenuto che voglio aprire. Tuttavia ha problemi se vengono usati più .show.

All’interno di una pagina posso avere molte di queste classi .show e in base al quale si è premuto mi piacerebbe che fosse mostrato.

Per esempio

Show - 
Content 1
Show -
Content 2

Quindi se clicco sullo show in alto vedrò Contenuto 1 e se clicco sul secondo vedrò il contenuto 2.

Al momento con il codice corrente fornito quando si fa clic sul primo spettacolo “contenuto 1” si apre una finestra con Contenuto 1. Se si fa clic sul secondo Contenuto 1 appare e non su Contenuto 2.

    Di seguito è riportato il javascript.

      $("a").click(function () { var html = $(".show").html(); var my_window = window.open("", "mywindow1", "width=350,height=150"); $(my_window.document).find("body").html(html); });  

    Qualsiasi aiuto sarebbe molto apprezzato 🙂

    Ho usato questo violino per arrivare a dove sono: http://jsfiddle.net/A72TH/

    Beh, questo è piuttosto fragile ma puoi realizzarlo come segue:

     var html = $(this).parent().next("div.show").html(); 

    L’esempio funzionante è qui: http://jsfiddle.net/RV86q/

    Dato il tuo esempio, ti consigliamo prima di passare all’elemento padre, quindi all’elemento successivo con una class di “mostra”.

    Ecco un esempio di violino: http://jsfiddle.net/A72TH/

     $("a").click(function () { var html = $(this).parent().next(".show").html(); var my_window = window.open("", "mywindow1", "width=350,height=150"); $(my_window.document).find("body").html(html); }); 

    Prova questo

     $(".window").click(function () { var html = $("#"+$(this).data('id')+"").html(); var my_window = window.open("", "mywindow1", "width=350,height=150"); $(my_window.document).find("body").html(html); }); 

    VIOLINO