jquery选择带有动态id的选项列表

Question

我有一个选项列表，它的id有时可以是以下内容之一：

edit-panes-billing-billing-zone
edit-panes-billing-billing-zone--1
edit-panes-billing-billing-zone--2
edit-panes-billing-billing-zone--3
edit-panes-billing-billing-zone--4

一次只有一个选择元素。

是否可以使用jQuery动态选择选项列表？

这就是我尝试过的方法，但它不起作用：

$("select[id^='edit-panes-billing-billing-zone--']").each(function() {
    alert('test'):              
}

Answer 1

您的代码中有许多失败的语法错误：

alert('test'):  

应该是

alert('test');  

和

alert('test'):              
}

应该是

alert('test');              
});

最终结果应该是：

$("select[id^='edit-panes-billing-billing-zone--']").each(function() {
    alert('test');             
});

这在我运行的所有测试中都是成功的。

Answer 2

试一试

$(document).ready(function() {
    $('select option[id^="edit-panes-billing-billing-zone--"]').each(function(){
         alert($(this).text());
    });
});

Answer 3

为您拥有的每个选择指定属性类，例如

<select class="my-select" id="edit-panes-billing-billing-zone"></select>
<select class="my-select" id="edit-panes-billing-billing-zone--1"></select>
<select class="my-select" id="edit-panes-billing-billing-zone--2"></select>
<select class="my-select" id="edit-panes-billing-billing-zone--3"></select>
<select class="my-select" id="edit-panes-billing-billing-zone--4"></select>

然后代码是(按类获取元素)：

$(document).ready(function() {
    $(".my-select").each(function() {
       alert('test');              
    });
});