CODEWITHSUNDEEP
javascriptjqueryajaxjspservlets
TheShadow123
TheShadow123

Reputation: 185

How to get the clicked element's ID

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)">

Upvotes: 0

Views: 62

Answers (3)

I&#39;m Geeker
I&#39;m Geeker

Reputation: 4637

Simply use this

onclick="myFunction(this.id)

Instead of

onclick="myFunction(this)

Get your id on my function 

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

Upvotes: 0

Arun P Johny
Arun P Johny

Reputation: 388406

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
        });
    });
})

Upvotes: 1

Manoj
Manoj

Reputation: 5071

Try this

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

Upvotes: 0

Related Questions