jquery mobile - 在將選項添加到選擇列表時將不同的數據分配給選項？

Question

在追加到選擇列表時將不同的數據血紅素分配給選項？

// in a for loop - adding options to a select list... 
    if (tempstatus == 'DONE') 
    { selectlistVar 
    .append($('<option>', { value : results.rows.item(x).item_num }) 
    .text(tempListDisplayVar)); 
    } 
    else 
    { selectlistVar 
    .append($('<option>', { value : results.rows.item(x).item_num }) 
    .text(tempListDisplayVar)); 
    } 

到目前爲止，我已經嘗試過的事情 - 這樣的：

.append($('<option data-theme="d">', { value : results.rows.item(x).item_num }) 

&

$('<option value='+myVar+' data-theme="d">'+tempListDisplayVar+'</option>').appendTo(selectlistVar); 

沒有人可以讓我指定數據的主題。有什麼建議麼？

Answer 1

你可以嘗試使用jquery data（）函數。它不會存儲在您的標記中，而是隱藏在元素中。

var opt = $('<option>', {value: 'val', text: 'text'}).data('theme', 'themeValue'); 
opt.data('theme'); //returns 'themeValue' 

如果你只需要數據主題屬性添加，你應該嘗試

var opt = $('<option>', {value: 'val', text: 'text'}); 
opt.attr('data-theme', 'themeValue'); 

（建築元素的創建過程中由於某種原因不工作）建設元素之後將其添加