javascript - How to get the value of inner attribute of an li using jquery? -

i have following code in java script have need value on inner attribute of <li>.

<li class="selected" data-val="1"> 

i have tag using

var = document.getelementsbyclassname('selected'); 

it providing me <li> whole tag fine. have need value of data-val attribute (which within <li>) 1. how can value of data-val using variable defined. please explain..

here collection object need element reference using index use .getattribute() attribute value()

var = document.getelementsbyclassname('selected'); var val = a? a[0].getattribute('data-val') : ''; //another option modern browsers // val = a[0].dataset.val 

since have jquery, can use jquery select element , use data api like

var val = $('.selected').data('val')