Question

我先说我知道图像没有正确显示（除非你已经加载了它们），我只是不知道为什么imgur不想和JSFiddle一起玩。

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

Here's the latest fiddle

这是我的微弱的jquery代码：

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

Answer 1

您的单选按钮的css属性显示为none。所以JQuery不会处理它们的点击。

您需要处理像

这样的标签上的点击

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

EDIT更改了选择器，因为标签的类别为

Answer 2

点击标签很脆弱。我会使用无线电改变事件。它在语义上更合适。

$(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，所以有点令人困惑。不要忘记包括它，否则什么都行不通！

如何移动父div？

2 个答案: