我是猫809 2023-01-31 19:58 采纳率: 100%
浏览 21
已结题

jquery获取对象出错如何解决

今天碰到了一个问题,通过点击a标签执行绑定的方法,在方法中将事件封装为表单的提交。当前端向服务器提交的地址一直是错的,提交的是浏览器中地址栏的地址。以上步骤的目的主要是通过springMVC的HiddenHttpMethodFilter过滤器将请求的方法变为delete,执行删除操作。
前端代码和错误如下:
<a @click="delete_emp" th:href="@{'/employee/'+${employee.empId}}">delete</a>

<form id="delete_form" method="post">
    <input type="hidden" name="_method" value="DELETE">
</form>

<script>
    new Vue({
        el:'#app',
        methods:{
            delete_emp:function (event){
                var url = event.target.href;
                var $deleteForm = $("#delete_form");
                $deleteForm.action=url
                if (confirm("是否确定删除?")) {
                    $deleteForm.submit()
                }
                event.preventDefault()
            }
        }
    })
</script>

img

img

我在这个地方弄了很久,最后发现是JQuery的原因,将获取标签对象的方式换成下面这个,问题就解决了
 var $deleteForm = document.getElementById("delete_form");
  // var $deleteForm = $("#delete_form");
但我我知道原理是什么,有没有强者请教一下。
  • 写回答

3条回答 默认 最新

  • P2441M 2023-01-31 20:47
    关注

    jQuery选择器返回的是jQuery对象数组,所以要用下标访问才能获取DOM元素

    var $deleteForm = $("#delete_form")[0];
    

    确实容易搞混😂用多了就差点忘了自己是在用jQuery。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 2月10日
  • 已采纳回答 2月2日
  • 创建了问题 1月31日

悬赏问题

  • ¥15 有人会搭建生鲜配送自营+平台的管理系统吗
  • ¥15 用matlab写代码
  • ¥30 motoradmin系统的多对多配置
  • ¥15 求组态王串口自定义通信配置方法或代码?
  • ¥15 实验 :UML2.0 结构建模
  • ¥20 用vivado写数字逻辑实验报告撰写,FPGA实验
  • ¥15 为什么shp文件会有这种小方块?
  • ¥15 ecplise在连接数据库时显示加载驱动成功但是数据库连接失败
  • ¥15 visionmaster启动失败,提示为“机器不满足授权而被禁用”
  • ¥15 IDEA中圈复杂度如何具体设置