Get text from first paragraph and set it as html for last paragraph in jQuery

Description

The following code shows how to get text from first paragraph and set it as html for last paragraph.

Example


<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() {<!--from w ww.ja  va  2 s .  c om-->
    var str = $("p:first").text();
    $("p:last").html(str);
  });
</script>
<style>
.selected {
  color: red;
}

.highlight {
  background: yellow;
}
</style>
</head>
<body>
  <p class="selected highlight">Hello first</p>
  <p class="">Hello</p>
</body>
</html>

Click to view the demo





















Home »
  jQuery »
    jQuery Example »




Animation
DOM
Event
Form
List
Select
Style
Table
Utilities