how to get element attributes (i.e id,name,style,etc) values

Question

I have no idea what what to do. Actually i need id of the control(element/tag),

when key up on any control . if more attributes(name,style,etc) exist get all attribute values also.

thank you.

you probably need to use `.click()` because it's a click event, not a keyboard key event. — Ilan Biala, Jun 24 '14 at 06:28
possible duplicate of [Getting the ID of the element that fired an event using jQuery](http://stackoverflow.com/questions/48239/getting-the-id-of-the-element-that-fired-an-event-using-jquery) — Bhushan Kawadkar, Jun 24 '14 at 07:26
yeah we can use but here we should specify input tag then only it is working thank you ADIL — kalyan gudla, Jun 24 '14 at 07:35

score 4 · Answer 1 · edited May 23 '17 at 10:26

4

According to jquery: get id from class selector

$('.clsName').click(function() {
    alert( this.id );
});

I have tested it properly.

edited May 23 '17 at 10:26

Community

1
1

answered Jun 24 '14 at 06:28

captainsac

2,484
3
27
48

1

+1 for just using plain `this.id` here when jQuery's `$(this).attr("id")` is two more function calls and an object creation and adds no value. – jfriend00 Jun 24 '14 at 06:31
thank you i have used this in alert but showing empty alert – kalyan gudla Jun 24 '14 at 06:36
Have you given Id to your div? – captainsac Jun 24 '14 at 06:38
here you are using click event you can get but where as my side keyup – kalyan gudla Jun 24 '14 at 06:41
yeah i have given everything and also i am using some values also inside my method i want to change value dynamically which is clicked field – kalyan gudla Jun 24 '14 at 06:42

Milind Anantwar · Answer 2 · 2014-06-24T06:49:11.630

3

You can use:

 $(this).attr('id');

using javascript

 this.id;

Full code:

$(".clsName").keyup(function () {
   $(this).attr('id');
});

Update:

You are having the dom:

<div class="clsName">
 <input type="number" name="first" id="first">
 <input type="number" name="second" id="second">
 <input type="number" name="third" id="third">

That means you have used wrong selector to target input. it should be:

$(".clsName input").keyup(function () {
  console.log($(this).attr('id'));
});

Demo

edited Jun 24 '14 at 06:49

answered Jun 24 '14 at 06:26

Milind Anantwar

81,290
25
94
125

thank you but i have used this but getting id giving undefined – kalyan gudla Jun 24 '14 at 06:27
Please show the html you have – Adil Jun 24 '14 at 06:27
@kalyangudla: This should work. can you share the dom and place where you are binding the event. – Milind Anantwar Jun 24 '14 at 06:28
alert($(this).attr('id')); – kalyan gudla Jun 24 '14 at 06:29
– kalyan gudla Jun 24 '14 at 06:32
@kalyangudla: see the updated answerd. – Milind Anantwar Jun 24 '14 at 06:49

score 2 · Answer 3 · edited May 23 '17 at 11:43

Use this.id in pure javascript and use input event handler

    $(".clsName input").on("input",function () {
    console.log(this.id);
   });

DEMO

It's not quite an alias for keyup because keyup will fire even if the key does nothing (for example: pressing and then releasing the Control key will trigger a keyup event).

A good way to think about it is like this: it's an event that triggers whenever the input changes. This includes -- but is not limited to -- pressing keys which modify the input (so, for example, Ctrl by itself will not trigger the event, but Ctrl-V to paste some text will), selecting an auto-completion option, Linux-style middle-click paste, drag-and-drop, and lots of other things.

more detail

thank you so much we should specify input also then it is coming. thank you very much MR. — kalyan gudla, Jun 24 '14 at 06:51

score 1 · Answer 4 · answered Jun 24 '14 at 06:26

1

Use .attr() in jquery.

$(".clsName").keyup(function () {
     $(this).attr('id');
});

answered Jun 24 '14 at 06:26

Sudharsan S

15,336
3
31
49

i used getting undefined .i have doubt how you are using this because we are not declaring na – kalyan gudla Jun 24 '14 at 06:39

score 0 · Answer 5 · answered Jun 24 '14 at 06:26

0

$(".clsName").keyup(function () {
var id=$(this).attr('id');
});

answered Jun 24 '14 at 06:26

RGS

5,131
6
37
65

how we can use this with out we are declaring anything . thank you – kalyan gudla Jun 24 '14 at 06:37

score 0 · Answer 6 · answered Jun 24 '14 at 06:31

0

as you have written "how to find which id i have clicked". so to get the click id , you should use click event not keyup

$(".clsName").on('click',function () {
   var getclickedID=$(this).attr('id');
});

answered Jun 24 '14 at 06:31

Amit Kumar

5,888
11
47
85

how to get element attributes (i.e id,name,style,etc) values

6 Answers6

DEMO