javascript-为id分配id属性不起作用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-为id分配id属性不起作用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1365字，纯文字阅读大概需要2分钟。

内容图文

我的页面上有两个UL. UL1和UL2.两者都是可排序和可拖动的.当将来自UL1的LI添加到UL2时,LI从UL1中移出.为了从UL2中删除,用户单击LI内的删除链接.逻辑是删除该项目,然后将其从UL2添加回UL1.

这是我的代码：

$(".xOut").on("click", function(){
        var id = $(this).attr('id');
        $.ajax({

            url: '@Url.Action("RemoveCommand")',
            type: "POST",
            data: {
                aid: id,
                bId: @(Model.Id)
            },
            success: function(event, ui){
                var newListItem = $("<li />", {
                    html: $("#"+id).html()
                });

                $(newListItem).attr("id", id);

                newListItem.appendTo("#sortable1");
                $("#"+id).remove();
            }
        });
    });

如果我不添加以下代码,代码工作正常：

$(newListItem).attr("id", id);

我需要新商品有一个ID,没有它就无法工作.

如何使这项工作？

更新添加的HTML代码：

<ul id="sortable1" class='droptrue'>
 @for (var i = 0; i < Model.SomeList.Count(); i++)
 {
     var item = @Model.SomeList.ElementAtOrDefault(i);
     if (item != null)
     { 
        <li id="@(item.Id)">
           <div>@item.Name</div>
       </li>
     }
 }
</ul>

<ul id="sortable2" class='droptrue'>
     @for (var i = 0; i < Model.SomeAssignedList.Count(); i++)
     {
         var item = @Model.SomeAssignedList.ElementAtOrDefault(i);
         if (item != null)
         { 
            <li id="@(item.Id)">
           <div>@item.Name</div>
           </li>
         }
     }
    </ul>

解决方法:

与其创建一个新项目并删除旧项目,不如移动它：

$(".xOut").on("click", function(){
  var id = $(this).attr('id');
  $.ajax({
    url: '@Url.Action("RemoveCommand")',
    type: "POST",
    data: {
      aid: id,
      bId: @(Model.Id)
    },
    success: function(event, ui){
      $("#sortable1").append($("#"+id));
    }
  });
});

内容总结

以上是互联网集市为您收集整理的javascript-为id分配id属性不起作用全部内容，希望文章能够帮你解决javascript-为id分配id属性不起作用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端