Javascript Jquery不使用所选类名提取所有元素

我有一个页面，有一个搜索框和5张Boostrap卡。我这样做是为了在框中搜索时，如果文本与data tags属性中的文本不匹配，则卡片应该隐藏。它是有效的，只是它不起作用。它只在第一个卡片组容器下拉动卡片。它忽略第二张牌下的所有牌。我故意将data tags属性设置为nothing，然后尝试搜索：

我做了一把小提琴：

如果搜索isol，则只应显示第一张卡片，因为该短语与属性匹配：

以下是JS/Jquery的核心：

$(".card").each(function () {
    var tags = $(this).attr('data-tags');

    if (tags !== undefined && tags !== null) {
      var matchIndex = tags.indexOf(text);
      if (matchIndex > -1) {
        $(this).show();
      }
      else {
        $(this).hide();
      }
    }
  });

你知道我做错了什么吗？

也许可以尝试将数据标记放在card元素而不是card-deck元素上。当前代码从卡中读取此属性：

---

是的，我是个笨蛋。我纠正了它，它的工作。谢谢你的帮助。

$(".card").each(function () {
    var tags = $(this).attr('data-tags');