getting attribute using jquery $(this) [duplicate]

Question

How can I get the attribute ID from the button? It returns undefined. I ask this because I will have many buttons with different ID like: edit-user-21 or edit-user-22

    function edituser() {
    	var test = $(this).attr('id');
      alert(test);
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="btn-primary" id="btn-edit-2" onclick="edituser()">Edit</button>
<div id="testdiv"></div>

$(document).ready(function() { $(".btn-primary").click(function () { alert($(this).attr("id")); }); }); — Thomas Charlesworth
– Thomas Charlesworth, Commented Dec 10, 2016 at 6:39

Hikmat Sijapati · Accepted Answer · 2016-12-10 06:29:10Z

1

Try this... when clicking on the button

<button class="btn-primary" id="btn-edit-2" onclick="edituser(this)">Edit</button>

and function will be

 function edituser(this) {
    var test = $(this).attr('id');
  alert(test);
}

answered Dec 10, 2016 at 6:29

Hikmat Sijapati

6,9691 gold badge11 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Programmer · Accepted Answer · 2016-12-10 06:24:32Z

0

In jQuery you can access to the element by Id

$('#ID')

It should looks like this:

var myButtonId = $('#btn-edit-2')

answered Dec 10, 2016 at 6:24

Programmer

951 gold badge1 silver badge5 bronze badges

1 Comment

Thomas Charlesworth Over a year ago

But I'm populating multiple buttons with many different IDs. That's why I wanna know how to grab the ID by using the $(this) selector.

Alex George Puthenpurackal · Accepted Answer · 2016-12-10 06:25:14Z

0

    function edituser() {
    	var test = $(this.id);
      alert(test);
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="btn-primary" id="btn-edit-2" onclick="edituser()">Edit</button>
<div id="testdiv"></div>

answered Dec 10, 2016 at 6:25

Alex George Puthenpurackal

801 silver badge11 bronze badges

Collectives™ on Stack Overflow

getting attribute using jquery $(this) [duplicate]

3 Answers 3

Comments

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Linked

Related