Search jQuery

jQuery Forum

Getting Started

sebastian..

Attribute as a Variable

in Getting Started • 10 years ago

Hi,

I'm trying do to add some data attributes to a DIV, but this attribute has to be a variable.

Example:

var HEIGHT = window.innerHeight; // 740
$('div').attr('data-' + HEIGHT, 'value');

So the DIV should look like:

<div data-740='value'></div>

Every time I try to do this, I just don't get it to work, or I get the Variable name on the attribute.

Anyone with som advise?

Thanks

Replies(6)

solineoz

Re: Attribute as a Variable

10 years ago

Hi,
there is a method that deal with data attributes... .data().

B.T.W., I think you should use it differently...

<div data-height='740'></div>

var HEIGHT = 740;
$('div').data('height', HEIGHT);

- Solineoz -

sebastian..

Re: Re: Attribute as a Variable

10 years ago

hi,

Yes I'm aware of that, but that doesn't solve the problem.

The name of the attribute will change, but not the value of the attribute.

Example:

$('div').attr('data-Attribute that will change', 'value that will not change');

<div data-Attribute that will change="value that doesn't change"></div>

If you wonder why I wanna do that?: I'm using parallax, so the result doesn't change, the question is when it changes (height 740 in this case)

dsvick

Re: Attribute as a Variable

10 years ago

Your code is working for me in FF, chrome, and IE. In all three I got results like

<div data-761="value">
      this is my div
</div>

Can you post the actual results your getting? and the markup you're starting with?

Dave

sebastian..

Re: Re: Attribute as a Variable

10 years ago

You are right, My fault when I didn't the test with just one value.

It works with ONE value

So the problems happens when I use an object:

$('div').attr({'data-0': 'position:relative', 'data-' + HEIGHT: fhmath2});

How can I solve that?

Thanks

jakecigar

Re: Attribute as a Variable

10 years ago

var attrs= { 'data-0': 'position:relative' };
attrs['data-' + HEIGHT] = fhmath2;
$('div').attr( attrs)

With javascript object notation, the labels must be constants. So, you need to break it up.

JΛ̊KE

sebastian..

Re: Re: Attribute as a Variable

10 years ago

Thank you very much Jake for your support, very helpful!

Top Reply

Response title

Attachments

jQuery Forum

Attribute as a Variable

Replies(6)

Re: Attribute as a Variable

Re: Re: Attribute as a Variable

Re: Attribute as a Variable

Re: Re: Attribute as a Variable

Re: Attribute as a Variable

Re: Re: Attribute as a Variable

Statistics

Tags

Actions