Replace all in click event for clicked element
Description
The following code shows how to replace all in click event for clicked element.
Example
<!--from ww w . j av a 2 s .c o m-->
<html>
<head>
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type='text/javascript'>
$(document).ready(function() {
$('input#tmpQuote1').click(function($e) {
$e.preventDefault();
$('p#id1').replaceAll(this);
});
$('input#tmpQuote2').click(function($e) {
$e.preventDefault();
$('p#id2').replaceAll(this);
});
});
</script>
<style type='text/css'>
div {
background: #acf7d0;
border: 3px solid #96dab6;
margin: 3px;
}
div#tmp {
display: none;
}
</style>
</head>
<body>
<div id='tmp'>
<p id='id1'>java2s.com</p>
<p id='id2'>java2s.com</p>
</div>
<div>
<input type='submit' id='tmpQuote1' value='View Quote' />
</div>
<div>
<input type='submit' id='tmpQuote2' value='View Quote' />
</div>
</body>
</html>