JSFiddle - React, Tailwind, and code Playground

by cgtrman

HTML

<div id='bub'>
  <p id='dd_1'>Text to Click 1</p>
  <p id='dd_2'>Text to Click 2</p>
  <p id='dd_3'>Text to Click 3</p>
</div>

JavaScript

// ******* START document.ready ***** // 
$(document).ready(function() { 
	// Assign click handler to multiple elements
	$('#bub p').each(function() {
 		// 
    $(this).on(‘click’, function() {
    	// Extract id from paragraph 
      var da_id = $(this).attr("id").replace("dd_","");
      console.log('User clicked on paragraph with an id of: ' + da_id);
    });
  });
}); 
// ******* END document.ready ******* //