javascript - jQuery 用户界面 : How to add ID to combobox

Question

我有一个包含三个组合框的网站。我使用 jQuery UI 的 comobox 小部件。我希望能够通过寻址 id 而不是使用第 n 类型选择器来单独设置每个组合框的样式。如何在组合框初始化时添加 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');