How can I read id from jquery variable

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, Nov 23 '19 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, Nov 23 '19 at 15:18

score 1 · Answer 1 · answered Nov 23 '19 at 14:22

1

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

$div.attr('id')

answered Nov 23 '19 at 14:22

Kumar Swapnil

1

Use `prop()` when dealing with properties of the Element object. – Rory McCrossan Nov 23 '19 at 14:23
Yes, but `id` HTML attribute has 1:1 mapping to property. So, in this case we would be getting the same result. Right? – Kumar Swapnil Nov 23 '19 at 14:37
1

@KumarSwapnil Probably, but when you want an element's property, it's better to use `.prop()` than to use `.attr()`. – JLRishe Nov 23 '19 at 14:59

score 0 · Answer 2 · answered Nov 23 '19 at 14:22

0

As long as you have access to this variable, then

$div.attr('id')

answered Nov 23 '19 at 14:22

Thanh Trung

Use `prop()` when dealing with properties of the Element object. – Rory McCrossan Nov 23 '19 at 14:23
@RoryMcCrossan Yes – Thanh Trung Nov 23 '19 at 14:24

score 0 · Answer 3 · answered Nov 23 '19 at 14:24

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 '19 at 14:24

JLRishe

Thanks for help, but now with this modifications I got this error ` $div.prop(...).css` is not a function – Roxy'Pro Nov 23 '19 at 14:32
1

@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? – JLRishe Nov 23 '19 at 14:56

3 Answers3