Javascript jquery切换和嵌套表单

由于某些原因，以下操作不起作用。怎么了

我只是想切换元素的可见性。由于我也通过js添加表单，所以我在页面上有多个带有“variant\u description\u link”类的链接。我只想找到最近的“变量描述”块并切换可见性

$('.variant_description_link').click(function() {
  $(this).closest('.variant-description').toggle();
});

由于我也通过js添加表单，所以我在页面上有多个带有“variant\u description\u link”类的链接

听起来您需要在委托事件上使用

，以便单击。如果您通过js添加的表单包含
变体描述\u链接

试试这个

 $(document).on('click','.variant_description_link',function() {
   $(this).closest('.variant-description').toggle();
});

我猜这些元素在DOM中实际可用之前就被jQuery调用了

$(document).ready(function() {
    $('.variant_description_link').click(function() {
        $(this).toggle();
    });
});

似乎是正确的，发布更多的代码，也许创建一个提琴来说明问题。我们可以看到一些HTML吗？您的“on”语法错误（请参见此处的“correct fiddle”，提琴中的代码处于加载状态）。哎呀，我的错！谢谢你指出这一点。我已经更新了我的答案。谢谢@CodyBonney&Benjamin。我更新了小提琴以显示我正在努力实现的目标。当点击链接1时，它应该切换文本区域1，等等，是的，很好，除了它不适用于我的rails应用程序。我猜DOM和嵌套的表单js之间有某种联系。不管怎样，谢谢你的帮助