查找和替換HTML與jQuery

我想做一個書籤或瀏覽器擴展，將修改另一個網站，當我查看它，更具體地說，我正在嘗試使用JavaScript標記編輯器與按鈕欄像Stackexchange在另一個網站上使用我沒有，所以我必須用書籤或擴展名來做。查找和替換HTML與jQuery

現在我需要找到一個頁面上的textarea，並用下面的代碼塊替換它。該網頁確實有jQuery的，所以我可以使用...如果你能告訴我如何做到這一點，我真的很感激，感謝

查找

<textarea rows="10" cols="50" name="description" id="description" tabindex="4"></textarea>

與替換...

<div class="wmd-panel"> 
    <div id="wmd-button-bar"></div> 
    <textarea class="wmd-input" id="wmd-input" name="description"></textarea> 
</div> 

<div id="wmd-preview" class="wmd-panel wmd-preview"></div>

來源

2012-05-11 CodeDevelopr

當然。我們只需要簡單地替換HTML，如下所示：

var htmlToReplace = ' \ 
    <div class="wmd-panel"> \ 
    <div id="wmd-button-bar"></div> \ 
     <textarea class="wmd-input" id="wmd-input" name="description"></textarea> \ 
    </div> \ 
    <div id="wmd-preview" class="wmd-panel wmd-preview"></div>'; 

$("#description").replaceWith(htmlToReplace)

而且這樣做會爲您解決問題。

來源

2012-05-11 02:36:27 Connor

看起來不錯，也許你可以幫助一些更大的問題，將使用此代碼http://stackoverflow.com/questions/10544597/include-external-javascript-and-css-files-into-another-sites- dom感謝您的幫助！ – CodeDevelopr

退房.replaceWith（）

http://api.jquery.com/replaceWith/

$("#description").replaceWith('ALL YOUR CODE');

如果您需要匹配屬性或其他特徵，您可以使用更多Selectors

來源

2012-05-11 02:33:25 Murtnowski

查找和替換HTML與jQuery

回答

相關問題