jQuery: Find the title attribute of the first emphasized in the page

Last update on August 19 2022 21:50:45 (UTC/GMT +8 hours)

jQuery Fundamental - I : Exercise-28

Find the title attribute of the first <em> in the page.

<body>
<p>jQuery Exercises, Practice,  <em title="Real  life jQuery or  all.">Solution</em>.</p>
<p  id="id1"></p>
<button  id="button1">Click to see the effect</button>
</body>

Sample solution :

HTML Code :

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-git.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Find the title attribute of the first em in the page.</title>
<style type="text/css">
button {
 display: block;
 margin: 20px 0 0 0;
  }
  </style>
  </head>
  <body>
  <p>jQuery Exercises, Practice, <em title="Real life jQuery or all.">Solution</em>.</p>
  <p id="id1"></p>
  <button id="button1">Click to see the effect</button>
  </body>
</html>

JavaScript Code :

$('#button1').click(function(){ 
var title = $( "em" ).attr( "title" );
$("#id1").text( title );});

Used Methods :

.attr() : Get the value of an attribute for the first element in the set of matched elements or set one or more attributes for every matched element.

Contribute your code and comments through Disqus.

Previous: Using jQuery display the checked attribute and property of a checkbox as it changes.
Next: Using jQuery find all links with an hreflang attribute "de".