我是猫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 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题