JavaScript Tutorial/jQuery/Join
Join splitted tags
<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> <span>");
alert(text);
});
</script>
</head>
<body>
<body>
<b>Hello asdf asdf</b>
</body>
</html>
Join splitting tags with new tags
<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> <div>");
$("p").html(newText).find("div").hover(
function () { $(this).addClass("y"); },
function () { $(this).removeClass("y"); });
});
</script>
<style>
.y { background:yellow; }
</style>
</head>
<body>
<body>
<p>a ab abc</p>
</body>
</html>
Join tag names
<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>
<div>
<p>
<span>
</span>
</p>
</div>
</body>
</html>