javascript - jQuery-隐藏列表中存在的所有具有ID的元素

我正在使用jquery使用以下代码来找出单击元素data-variants是什么:

<button data-variants="green blue red">Red<button>

$('#topSelector').on('click', 'button', function() {
    var variants = $(this).data('variants');
});

单击按钮会将变量设置为green blue red。我想过滤并隐藏ID匹配列表中变体之一的所有元素。即隐藏任何具有id green，blue或red的元素。

最佳答案

分割颜色，然后循环播放并隐藏元素

$('#topSelector').on('click', 'button', function() {
    var variants = $(this).data('variants');
    variants.split(" ").forEach(function(el) {
        $('#' + el).hide();
    });
});

关于javascript - jQuery-隐藏列表中存在的所有具有ID的元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40057935/