I've gone through a plethora of Google and Stack Overflow examples
To showcase my problem, I have set up a fiddle.
Issue: "Upon clicking on a person's name, I want to retrieve their name from the first column." While I managed to create a click event using Jquery that highlights each row in yellow upon hover, the code I used outputs all text values for every row in that column.
$(document).on('click', '.nameField', function () {
var x = $(this).text();
console.log(x);
});
Additional Information:
Click on the button labeled "Fill DIV with Dynamic Table"
At the top, you'll find a STATIC one that is able to retrieve the name without any issues, however, there is only one row present
UPDATE: I also need the alias available on that row. I have created a new class on the td in the alias column. How can I access it?