1

我的页面上有一个下拉菜单，其中包含语言选择器选项。在选择语言时，我希望我的标签和按钮 html 根据语言进行更改？ 我的代码

var arr = [];
    //  gets all the ids starting with comp_
    $('div[id^="comp_"]').each(function(){
        arr.push(this.id);
        labels = $(this).find('label');
        buttons = $(this).find('button');

        //get all labels inside the current div
        $(labels,buttons).each(function(){
            $(this).html("");
        });

    });
    console.log(arr);
},

*问题 * 它只更改标签元素引用而不是按钮引用。我可以在多个元素引用上运行该功能吗？

如果我这样做，它可以工作，但我不想为不同的引用再次重复相同的代码

    var arr = [];
    //  gets all the ids starting with comp_
    $('div[id^="comp_"]').each(function(){
        arr.push(this.id);
        labels = $(this).find('label');
        buttons = $(this).find('button');

        //get all labels inside the current div
        $(labels).each(function(){
            $(this).html("");
        });

        $(buttons).each(function(){
            $(this).html("");
        });

    });
    console.log(arr);
},
4

1 回答 1

2

是的：

    labels.add(buttons).each(function(){
        $(this).html("");
    });

要不就：

    labels.add(buttons).html('');

缩短一个字符：

    labels.add(buttons).empty();

jQuery 方法用于将.add()元素添加到现有的 jQuery 集合中。这些示例用于.add()组合“标签”和“按钮”jQuery 对象中的元素。.each()后两个表示如果您对每个元素做一些不变的事情，则不需要。大多数 jQuery 函数本质上对集合的每个元素进行操作。

完全不同的简化方式：

    var labelsAndButtons = $(this).find('label, button');
    labelsAndButtons.empty();

选择器,字符串中的 就像“或”。该示例查找标签名称为“label”或“button”的所有元素。

于 2013-04-01T14:37:05.260 回答