Jquery 如何移动父div？

让我先说一句，我知道这些图像没有正确显示（除非您已经加载了它们），我只是不知道为什么imgur不想在JSFiddle上玩得很好

我有几个div（每个div都有一个ID），其中包含一个3选项单选按钮。我想把整个div移到适当的框中。也就是说，如果用户单击第一个选项，整个单选按钮将移动到高兴趣DIV，如果用户单击第三个选项，它将移动到#lowI，中间的按钮应将其移回。我可以通过为每个单选按钮创建一个单独的函数来实现它，但我觉得应该可以创建3个函数，一个用于单击Yes、Ok和No，将父div移动到适当的位置

下面是我脆弱的jquery代码：

$('.no').on("click", function (e) {
    $("label.no").parent().appendTo("#lowI");
    e.preventDefault();
});

---

您的单选按钮的css属性显示为“无”。因此JQuery不会处理对它们的点击

您需要处理标签上的单击，例如

$("label.no").on("click", function (e) {
    $(this).parent().appendTo("#lowI");
    e.preventDefault();
});

---

编辑更改了选择器，因为标签的类别号为

单击标签是脆弱的。我会使用收音机更换事件。它在语义上更合适

$(document).ready(function(){
   $("input:radio").change(function () {
       var tmp = $(this).parent("div").detach();

       if($(this).val() == "yes"){
           tmp.appendTo('#highI');
       } else if($(this).val() == "ok"){
           tmp.appendTo('#nI');
       } else {
           tmp.appendTo('#lowI');
       }
    });
 });

---

另请参阅。最初的fiddle没有启用jQuery，所以有一点让人困惑。别忘了把它包括进去，否则什么都不行

因此，如果我将

class=“yes”

从输入移动到标签，可能会发生什么？我的目标是制作3个移动div的“函数”，而不是每个选项都有一个函数。是的，将类移动到标签上，或者更好地移动到图像上。但是如果您将其移动到图像中，请更改parent（）函数，因为div将不是直接的父函数。但它仍然会在收音机

输入上注册
更改
事件，因此使用
标签
触发
更改
，并侦听该事件（而不是
单击
标签上的
事件）完美的是的。。。我可能在某一点上有“工作”代码，只是没有意识到这一点，因为我没有打开jQuery。然而，这比我的任何尝试都要简洁得多，所以我将其标记为正确！