將數據屬性值傳遞給JavaScript變量

Question

我正在檢索JavaScript函數中html標記的值，但是現在如果我想檢索html的數據屬性值並將其傳遞給JavaScript變量。

我該怎麼辦？

// create a UL element 
var ul = $('<ul></ul>'); 

// add some LI elements 
ul.append(
    $('<li class="bear" data-type="panda">panda bear</li>'), 
    $('<li class="bear" data-type="koala">koala bear</li>'), 
    $('<li class="wallaby" data-type="kangaroo">kangaroo</li>') 
); 

// this won't work because our UL is not in the dom yet 
console.log($('.bear').length); //=> 0 

// let's just pick the bears in our UL using our UL as the context 
var bears = $('.bear', ul); 
console.log(bears); //=> [li.bear, li.bear] 

// lets loop through and see data attributes 
bears.each(function() { 
    console.log($(this).attr('data-type')); 
}); 
//=> "panda" 
//=> "koala" 

Answer 1

我認爲這個問題是您不使用此

statusHtmlArr.push('<li class="loc-li" data-test="' + rowData.APPT_LOC_QUAL[k].LOCATION_CD + '" value="' + rowData.APPT_LOC_QUAL[k].LOCATION_CD + '"><a class="sub-detail" href="Javascript:void(0);">' + rowData.APPT_LOC_QUAL[k].LOCATION + '</a></li>'); 

Answer 2

字符串連接爲了檢索元素的屬性，它是通過使用jQuery容易。

$('#selectorId').attr('attribute name') 

或

$('.className').attr('attribute name') 

Answer 3

你可以這樣做：

var locID = $("li.loc-li")[0].data("test");