JavaScript 打开窗口

Question

我正在尝试弄清楚如何使 javascript 打开正确的窗口。我的 javascript 中的 div 类 .show 控制我要打开的内容。然而，如果使用多个 .show 就会遇到麻烦。

在一页内，我可能有许多这样的 .show 类，并且根据按下哪个类，我希望显示该类。

例如

<span class="Show"><a href="#">Show</a></span> - 
    <div class="show">
       Content 1 
    </div>

<span class="Show"><a href="#">Show</a></span> - 
   <div class="show">
      Content 2 
   </div>

因此，如果我点击顶部的节目，我将看到内容 1，如果我点击第二个节目，我将看到内容 2。

目前提供的当前代码，当单击第一个显示“内容 1”时，将打开一个包含内容 1 的窗口。如果我单击第二个，则会显示内容 1，而不是内容 2。

下面是 JavaScript。

<script type="text/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);
    });
</script>   

任何帮助将不胜感激:)

我用这个 fiddle 到达了我所在的地方:http://jsfiddle.net/A72TH/

Answer 1

嗯，这非常脆弱，但您可以按如下方式完成它:

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

工作示例在这里: http://jsfiddle.net/RV86q/