.replaceAll()
.replaceAll() 返回:jQuery
描述:用匹配元素替換所有目標元素。
version added: 1.2.replaceAll()
.replaceAll()和.replaceWith()功能一樣,但是目標和源相反。請看下面的HTML:
<div class="container"> <div class="inner first">Hello</div> <div class="inner second">And</div> <div class="inner third">Goodbye</div> </div>
我們可以創(chuàng)建一個元素然后用它替換其它元素:
$('<h2>New heading</h2>').replaceAll('.inner');
結(jié)果如下:
<div class="container"> <h2>New heading</h2> <h2>New heading</h2> <h2>New heading</h2> </div>
我們也可以選擇一個元素用來替換其它的:
$('.first').replaceAll('.third');
This results in the DOM structure:
<div class="container"> <div class="inner second">And</div> <div class="inner first">Hello</div> </div>
從這個例子可以看出,用來替換的元素從老地方移到新位置,而不是復制。
例子:
將所有段落換成粗體字
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<p>Hello</p>
<p>cruel</p>
<p>World</p>
<script>$("<b>Paragraph. </b>").replaceAll("p"); // check replaceWith() examples</script>
</body>
</html>