如何在新標籤中打開當前網頁，並揭示隱藏的div

Question

是否有可能點擊一個按鈕，在新標籤頁中打開同一個頁面，並表明沒有父看到一個隱藏的div？

目前，我有一個div稱爲replacediv，被替換下面當用戶點擊該按鈕替換文本 ...但它是在父被替換。對於我的目的，我想在一個新的標籤，加載此相同的頁面，與頁面內容和顯示隱藏replacediv代替替換文本。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
    <script> 
 
    $(document).ready(function(){ 
 
     $("button").click(function(){ 
 
      $("#replacediv").replaceWith("<span class='style'>Replacement Text</span>"); 
 
     }); 
 
    }); 
 
    </script>

<div id="replacediv"></div>

Answer 1

，如果你想不更換彼此的$("#replacediv")在同一個頁面的內容和跨度你這樣做：

$(document).ready(function(){ 
$("#replacediv").before("<span style="display:none;" class='style'>Replacement Text</span>"); 
     $("button").click(function(){ 
      $(".style").show(); 
     }); 
    }); 

Answer 2

我想一個辦法做到這一點，是當你打開頁面並添加一個URL參數，這會導致頁面渲染不同，例如用URL參數中的文本替換它上的一些文本。例如

在你的頁面上，定義是這樣的：

$(document).ready(function(){ 
    $("button").click(function(){ 
     window.open(window.location.href + '?replace=Replacement%20Text', '_blank'); 
    }); 

}); 

此外，你需要像這樣（在同一個頁面還在，但活躍，只有當一個參數調用）

$(document).ready(function(){ 
    $("button").click(function(){ 
     window.open(window.location.href + '?replace=Replacement%20Text', '_blank'); 
    }); 

    var arr = location.href.match(/replace=([^&]+)/) 
    var replace = arr[1]; 

    if (replace != '') { 
     $("#replacediv").replaceWith("<span class='style'>" + replace + "</span>"); 
    } 
}); 

此版本會讓您的按鈕仍然可點擊。如果你不想要一個按鈕，你需要提前詢問URL參數，並且不要首先渲染你的按鈕。那取決於你。

是否在正確的方向走？希望有所幫助。