jQuery UI：如何向组合框添加ID

Question

我有一个有三个组合框的网站。我将comobox小部件用于jQuery UI。我希望能够通过寻址id而不是使用第n个选择器来单独设置每个combox的样式。如何在组合框初始化时添加id？

我的JS：

$('#my-select-1').combobox();
$('#my-select-2').combobox();
$('#my-select-3').combobox();

应用comobox小部件，会产生以下标记：

<select id="my-select-1" style="display:none;">
<span class="custom-combobox">...</span>
<select id="my-select-2" style="display:none;">
<span class="custom-combobox">...</span>
<select id="my-select-3" style="display:none;">
<span class="custom-combobox">...</span>

的jsfiddle： https://jsfiddle.net/3xkaj0ah/1/

我的目标是，我可以为每个<span class="custom-combobox">元素指定一个ID。

Answer 1

试试这个。

$('#my-select-1').combobox();
$('#my-select-1').next('.custom-combobox').attr('id','aa');
$('#my-select-2').combobox();
$('#my-select-2').next('.custom-combobox').attr('id','bb');
$('#my-select-3').combobox();
$('#my-select-3').next('.custom-combobox').attr('id','cc');