JavaScript DHTML/jQuery/Join
Join splitted tags
<source lang="html4strict">
<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="html4strict">
<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="html4strict">
<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>
