jquery - 如何使用 jQuery 在没有保护子句的情况下选择和操作元素？

Question

我正在用 jQuery 重写一些旧的 JavaScript，并且想知道如何更简洁地编写它。

我开始的脚本是:

for (var i = 0; i < form1.elements.length; i++) {
    var element = form1.elements[i];
    alert(element.id)

    if (Left(element.id, 15) === 'selHeaderFilter' || 
        element.id === 'ddlHierarchy1') {
        garrHeaderState[element.id] = element.selectedIndex
    }
}

我不太确定为什么它是这样写的，但我认为它只是试图将 2 个元素添加到一个数组(全局声明的)中。

我的第一次尝试给了我:

var hierarchy = $('[id$=ddlHierarchy1]');
var headerFilter = $('[id*="selHeaderFilter"]');

if (hierarchy)
    garrHeaderState[hierarchy.attr('id')] = hierarchy.val();

if (headerFilter)
    garrHeaderState[headerFilter.attr('id')] = headerFilter.val();

但我真的不喜欢声明层次结构的过程，这样如果它存在，我就可以将其选定的索引添加到数组中。有更好的方法来编写这段代码吗？

Answer 1

您可以使用 jQuery 的each 函数。

$('[id$=ddlHierarchy1], [id*="selHeaderFilter"]').each(function(){
    var item = $(this);
    garrHeaderState[item.attr('id')] = item.val();
});