内容过滤器基于单选按钮

Question

我试图让问题更加简洁明了。

现在这里是q div（有一个类“Div1”），它在每个单选按钮组中带有3个单选按钮。在这里查看示例 https://plnkr.co/edit/zSAaJzsBGH7GCnVPrIyA?p=preview

你可以在输出范围内看到有一些粗体文字，我想保持它最初隐藏，每个都应该只根据单选按钮的选择显示。即如果您选择了“Liquid”单选按钮，则只有该链接应显示哪个带有“Liquid”字样。

我的逻辑是，如果我们将每一行的文本复制到同一行的div的类中，然后将单选按钮的值或标签与该div类进行比较，看它们是否相等，如果你的相等，则显示该行，否则保持隐藏。

我有一个jquery代码，它将行文本复制到div类中，但它正在复制所有兄弟div的文本。

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js" type="text/javascript"></script>
 <script >
 var classes = $(".someText").text().replace(/[, -- .]/g," "); 
  $(".someText").addClass(classes);
  </script>