asked on

Getting undefined value when using the .data() method for jquery?

Getting undefined value when using the .data() method for jquery?

For example,

dataValue and keyValue are variables.

$("#list").append('<li data-keyValue=" + keyValue + ">' + dataValue +'</li>');

display value, but showing up as undefined.

alert($(this).data("keyValue"));

Is the syntax for keyValue variable is correct?
Is the syntax for getting the keyValue value is correct?

strickdd

It looks like you are missing some quotes, right after the "data-keyValue=" and one before the ">"

areyouready344

ASKER

is there a link that shows the correct syntax?

strickdd

Javascript gets a little funky with double and single quotes. It would be easiest if you did something like this:

var liElement = '<li data-keyValue="' + keyValue + '">' + dataValue +'</li>'
$("#list").append(liElement);

strickdd

it is hard to tell, but on the var liElement line, it goes

single-double-single-single-double-single-single-single

That makes it so the output is like so:

<li data-keyValue="MyValuefromkeyValueVariable">MyValuefromdataValueVariable</li>

areyouready344

ASKER

tried your suggestion strickadd but still says undefined when using

alert($(this).data("keyValue"));

strickdd

what is the value of the "this" variable? Can you post the code around that? My guess is the "this" variable doesn't actually contain the li element.

areyouready344

ASKER

how do I test the keyValue for the #list li selection?

ASKER CERTIFIED SOLUTION