http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FjQuery%2FreplaceWith
JavaScript DHTML/jQuery/replaceWith - История изменений
2026-04-04T15:19:04Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_DHTML/jQuery/replaceWith&diff=3044&oldid=prev
в 10:02, 26 мая 2010
2010-05-26T10:02:45Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 10:02, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=JavaScript_DHTML/jQuery/replaceWith&diff=3045&oldid=prev
Admin: 1 версия
2010-05-26T07:24:10Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Replace a button with text==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(<br />
function() {<br />
$("input#id1").click(<br />
function($e) {<br />
$e.preventDefault();<br />
$(this).replaceWith(<br />
"<p>replaced</p>"<br />
);<br />
}<br />
);<br />
$("input#id2").click(<br />
function($e) {<br />
$e.preventDefault();<br />
$(this).replaceWith(<br />
"<p>replaced</p>"<br />
);<br />
}<br />
);<br />
}<br />
);<br />
</script><br />
</head><br />
<body><br />
<div><br />
<input type="submit" id="id1" value="View Quote" /><br />
</div><br />
<div><br />
<input type="submit" id="id2" value="View Quote" /><br />
</div><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Replace all with==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(<br />
function() {<br />
$("input#tmpQuote1").click(<br />
function($e) {<br />
$e.preventDefault();<br />
$("p#id1").replaceAll(this);<br />
}<br />
);<br />
$("input#tmpQuote2").click(<br />
function($e) {<br />
$e.preventDefault();<br />
$("p#id2").replaceAll(this);<br />
}<br />
);<br />
}<br />
);<br />
</script><br />
<style type="text/css"><br />
div {<br />
background: #acf7d0;<br />
border: 3px solid #96dab6;<br />
margin: 3px;<br />
}<br />
div#tmp {<br />
display: none;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div id="tmp"><br />
<p id="id1"><br />
asdf<br />
</p><br />
<p id="id2"><br />
asdf<br />
</p><br />
</div><br />
<div><br />
<input type="submit" id="tmpQuote1" value="View Quote" /><br />
</div><br />
<div><br />
<input type="submit" id="tmpQuote2" value="View Quote" /><br />
</div><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Replace text with==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("p").replaceWith("<div>" + $(this).text() + "</div>");<br />
<br />
});<br />
</script><br />
<style><br />
div { border:2px green solid;}<br />
</style><br />
</head><br />
<body><br />
<body><br />
<p>Hello</p><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Replace with another tag==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("p").replaceWith("<b>Paragraph. </b>");<br />
<br />
<br />
});<br />
</script><br />
<style><br />
div { border:2px green solid;}<br />
</style><br />
</head><br />
<body><br />
<body><br />
<p>Hello</p><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==replaceWith(content): Replaces all matched elements with the specified HTML or DOM elements.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("button").click(function () {<br />
$(this).replaceWith("<div>" + $(this).text() + "</div>");<br />
});<br />
<br />
<br />
});<br />
</script><br />
<br />
<br />
</head><br />
<body><br />
<body><br />
<button>First</button><br />
<br />
</body><br />
</html><br />
<br />
<br />
</source></div>
Admin