Question

how to get a custom data value from a highlighted class element using jquery?
this does not work…

$("#list li.highlight").attr("data-keyValue"); <— is this possible with another syntax for this to work?

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

 .highlight
 {
    background-color: white;
    color: black;
 }

Answer 1

you can use data as jquery converts uppercase to lower-case you have to use data(keyvalue) courtesy @Rob W

var list_keyValue="something";
var list_dataValue="asdasd";
$('#list').append('<li data-keyValue= "' + list_keyValue + '">'  + list_dataValue + '</li>');

$("#btn").click(function(){

alert($("li").data("keyvalue"));
});

http://jsfiddle.net/F7jDJ/3/