Question

所以我尝试使用jQuery的$.each功能，似乎无法让它发挥作用。我正在使用警报测试输出，但无论我在$('selecter').each中将选择器更改为什么，似乎都没有发生。我的控制台也没有错误。我尝试过div，span等等。似乎没什么用。我包括来自Google CDN的jQuery 1.10，我确保在尝试运行此代码之前已包含该内容。

奇怪的是，我可以让代码在jsFiddle中完美地运行。任何人都有任何想法，为什么这不会在我的页面中工作？

工作jsFiddle：http://jsfiddle.net/cuZV9/

这是我的代码：

JS：

$(document).ready(function() {
    $("#searchDropdown option").each(function() {
        alert($(this).val());
    });
});

HTML：

<select id = "searchDropdown">
    <option value = "5, 2, 0, 1"> Cycle(5, 2, 0, 1) </option>
    <option value = "6, 3, 0, 3"> Utility(6, 3, 0, 3) </option>
</select>

Answer 1

在DOM准备好被操作之前，您正在运行代码。

将.each函数放入document.ready（function（）{}）语法

$(document).ready(function() {
    $("#searchDropdown option").each(function() {
        alert($(this).val());
    });
}

感谢所有评论

Answer 2

$(document).ready(function()/*remove this space*/{
    $("#searchDropdown option").each(function() {
        alert($(this).val());
    });
});

jQuery .each在jsFiddle中工作，但不在我的页面中

2 个答案: