JavaScript Tutorial/jQuery/replaceAll
Содержание
Replace a button with text
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript">
$(document).ready(
function() { $("input#id1").click( function($e) { $e.preventDefault(); $(this).replaceWith("
replaced
"); } ); $("input#id2").click( function($e) { $e.preventDefault(); $(this).replaceWith("
replaced
"); } ); }
);
</script> </head> <body>
<input type="submit" id="id1" value="View Quote" />
<input type="submit" id="id2" value="View Quote" />
</body>
</html></source>
replaceAll(selector): complement to replaceWith()
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("Paragraph. ").replaceAll("span"); }); </script>
</head>
<body>
<body>
Span Text
</body>
</html></source>
Replace all with
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.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>
asdf
asdf
<input type="submit" id="tmpQuote1" value="View Quote" />
<input type="submit" id="tmpQuote2" value="View Quote" />
</body>
</html></source>
Use tag to replace all
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("Paragraph. ").replaceAll("p"); }); </script> <style> div { border:2px green solid;} </style> </head> <body> <body>
Hello
</body>
</html></source>