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'); 

（建筑元素的创建过程中由于某种原因不工作）建设元素之后将其添加