How to get the clicked element's ID

Question

I want to retrieve the ID of the clicked element (on the 'onclick; event.

<script>


 function myFunction(element)
 {
     var $id = element.id;
     $($id).click(function() {           
                    $.get('ajaxTestSrvlt?test=1', function(responseText) {                      
                          $('#firstName').val(responseText);      with the response text.
                    });
                });
 };

</script>     

This is the element this function was called upon. I would like to get the ID of this raw from the above script. This only works when I directly give the "clickableRow" as to id to the Script. The "ID" is to be changed dynamically

 <tr id="clickableRow" style="cursor: pointer;" class='clickable-row' data-href="#" data-toggle="modal" data-target="#editModal" onclick="myFunction(this)"> 

Answer 1

There is no need to have a inline event handler

<tr id="clickableRow" style="cursor: pointer;" class='clickable-row' data-href="#" data-toggle="modal" data-target="#editModal">

then

jQuery(function () {
    $('.clickable-row').click(function () {
        var $this = $(this),
            id = this.id;

        $.get('ajaxTestSrvlt?test=1', function (responseText) {
            $('#firstName').val(responseText);
            //here `id` is the id of the clicked tr
        });
    });
})

Answer 2

Try this

function myFunction(ele)
{
    var id=$(ele).attr("id");
     $('#'+id).click(function() {           
        //code here
     }); 
}

Answer 3

Simply use this

onclick="myFunction(this.id)

Instead of

onclick="myFunction(this)

Get your id on my function

function myFunction(getid) {
   alert(getid);
}