jquery replaceAll()方法用來把被選元素替換為新的HTML元素,語法「$(content).replaceAll(selector)」;參數「selector」指定被選元素,「content」規定包含HTML標籤的替換內容。
本教學操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。
jquery replaceall()方法
#replaceAll() 方法將被選元素替換為新的 HTML 元素。語法格式:
$(content).replaceAll(selector)
參數 | 描述 |
---|---|
##content | 必需。規定要插入的內容(必須包含 HTML 標籤)。|
selector | 必要。規定哪一個元素將被替換。
$(A).replaceAll(B),表示用 A元素 來取代 B元素。
範例1:將strong元素替換為a元素
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(function() { $("button").click(function() { $('<a href="https://www.php.cn/" target="_blank">PHP中文网</a>').replaceAll("strong"); }) }) </script> </head> <body> <strong>jQuery教程</strong><br/> <br><button>隐藏textarea</button> </body> </html>
#範例2:將最後一個p元素替換為span 元素
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(function() { $("button").click(function() { $("<span><b>Hello world!</b></span>").replaceAll("p:last"); }) }) </script> </head> <body> <p>这是一个段落。</p> <p>这是另一个段落。</p> <br><br><button>隐藏textarea</button> </body> </html>
:last選擇器選取最後一個元素,該選擇器只使用於選取單一元素
以上是jquery replaceall方法有什麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!