How can I read id from jquery variable [duplicate]

Question

 var $div = $('<div/>', {
         css: css,
         id: "testId" + product.id
 });

How can I access this id from this $div..

For now I hardcoded it when fetching from html, like this:

$('#testId_a2732d9e-db81-4c2f-85aa-563856e53ff4').css('background', '');

But I would like to access it directly in my javascript file from this $div

Thanks

@RoryMcCrossan Thanks for help mate, looks like it's fetching id, but now it says $div.prop(...).css is not a function, what that might be — Roxy'Pro
– Roxy'Pro, Commented Nov 23, 2019 at 14:33
That's because prop() returns a string. You can't call css() on a string, you need a jQuery object, which is in the $div variable. — Rory McCrossan
– Rory McCrossan, Commented Nov 23, 2019 at 15:18

Kumar Swapnil · Accepted Answer · 2019-11-23 14:22:39Z

1

Use the attr() method to get any attribute value.

$div.attr('id')

answered Nov 23, 2019 at 14:22

Kumar Swapnil

1908 bronze badges

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

3 Comments

Rory McCrossan Over a year ago

Use prop() when dealing with properties of the Element object.

Kumar Swapnil Over a year ago

Yes, but id HTML attribute has 1:1 mapping to property. So, in this case we would be getting the same result. Right?

JLRishe Over a year ago

@KumarSwapnil Probably, but when you want an element's property, it's better to use .prop() than to use .attr().

Thanh Trung · Accepted Answer · 2019-11-23 14:22:55Z

0

As long as you have access to this variable, then

$div.attr('id')

answered Nov 23, 2019 at 14:22

Thanh Trung

3,8143 gold badges37 silver badges44 bronze badges

2 Comments

Rory McCrossan Over a year ago

Use prop() when dealing with properties of the Element object.

Thanh Trung Over a year ago

@RoryMcCrossan Yes

JLRishe · Accepted Answer · 2019-11-23 14:24:45Z

0

You can use .prop():

var product = { id: "abcd" };

var $div = $('<div/>', {
   id: "testId" + product.id
 });
 
 console.log($div.prop('id'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

answered Nov 23, 2019 at 14:24

JLRishe

102k19 gold badges138 silver badges171 bronze badges

2 Comments

Roxy'Pro Over a year ago

Thanks for help, but now with this modifications I got this error ` $div.prop(...).css` is not a function

JLRishe Over a year ago

@Roxy'Pro You said you wanted to get the ID. The ID is a string, so it doesn't have a .css() method. What are you trying to do?

Collectives™ on Stack Overflow

How can I read id from jquery variable [duplicate]

3 Answers 3

3 Comments

2 Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

2 Comments

2 Comments

Linked

Related