Home / Questions / 324591
Accepted
Efrain Mejias C
Asked: 2020-01-27 14:27:10 +0800 CST 2020-01-27 14:27:10 +0800 CST

How can I get the ID of a specific element from its css class?

  • 772

I need to get the ID of the element when the TextBox gets focus and print it to the console . How can I do this? , I wrote some code but it always prints txt00

I have this in the HTML:

    <asp:TextBox ID="txt00" class="cTxt" runat="server"></asp:TextBox>        
 <asp:TextBox ID="txt01" class="cTxt" runat="server></asp:TextBox>
    <asp:TextBox ID="txt02" class="cTxt" runat="server"></asp:TextBox>

JQuery code:

 $('.cTxt').focus(function () {
            var id = $('.cTxt').attr('ID');
            console.log(id);
        });
javascript

2 Answers

  1. Best Answer

    You don't need jQuery inside the function, instead use the context object this:

    $('.cTxt').focus(
   function(){
      var id = this.id;
      console.log(id);
   }
);
    • 1

  2. The callback you send to focus, like any handler for a DOM element that receives an event, is passed an Event object as an argument, that object holds a reference to the element that just fired the event. and so you could get the idinstead of using Jquery's select function again.

    Using an example class that I invented, this would be the solution:

    let elementClass = $(".p")

elementClass.focus(function(evt){
  alert(evt.target.id)
})

    UPDATE:

    Using an example like the one you have:

    let elementClass = $(".00-1")

elementClass.focus(function(evt){
  alert(evt.target.id)
})
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="00-1" id="1">
<input type="text" class="00-1" id="2">
<input type="text" class="00-1" id="3">

    • 1