JavaScript Tutorial/jQuery/Join
Версия от 21:52, 25 мая 2010; (обсуждение)
Join splitted tags
<source lang="javascript">
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var words = $("b:first").text().split(" ");
var text = words.join("</span> ");
alert(text);
});
</script>
</head> <body> <body> Hello asdf asdf </body>
</html></source>
Join splitting tags with new tags
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){var newText = $("p").text().split(" ").join("</div>
");
$("p").html(newText).find("div").hover( function () { $(this).addClass("y"); }, function () { $(this).removeClass("y"); }); }); </script> <style> .y { background:yellow; } </style> </head> <body> <body>
a ab abc
</body>
</html></source>
Join tag names
<source lang="javascript">
<html>
<head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ var parentEls = $("span").parents() .map(function () { return this.tagName; }) .get().join(", "); $("span").append(parentEls); }); </script> </head> <body> <body>
</body></html></source>