javascript-jQuery：劫持链接并找到其父级

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-jQuery：劫持链接并找到其父级，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1161字，纯文字阅读大概需要2分钟。

内容图文

我知道如何劫持jQuery中的链接,也知道如何找到元素的父级,但是我似乎无法将两者结合起来.我有多个div,每个div都包含一个链接.我想劫持链接并更新父div的内容.

<div class="container-1">
  <a href="/foo.html">Add content</a>
</div>
 <div class="container-2">
  <a href="/bar.html">Add content</a>
</div>

这是我对jQuery的了解：

$(function() {
    $(".pager A").live("click",
    function() {
        $.get($(this).attr("href"),
        function(response) {
            $(this).parent().attr("id").replaceWith(response); // This is wrong
        });
        return false;
    });
});

带有“这是错误的”注释的行没有我想要的$(this).它似乎包含前一个表达式的结果,而不是我选择的元素(“ .pager A”).

我怎样才能做到这一点？

奖励问题：Visual Studio抱怨“ .get是保留字,不应用作标识符”.到底是什么问题？

编辑：对不起,我的意思是< div id =“ container-1”&gt ;,而不是< div class =“ container-1”>.第2分区的同上.

解决方法:

尝试保存对当前执行上下文的引用,该引用指向锚点,以供稍后在回调中引用：

$(function() {
    $(".pager A").live("click",
    function() {
        var el = this;
        $.get($(el).attr("href"),
        function(response) {
            $(el).parent().html( response ); // is this what you want? .attr('id') would return a string and you can't call jQuery methods on a string.
        });
        return false;
    });
});

内容总结

以上是互联网集市为您收集整理的javascript-jQuery：劫持链接并找到其父级全部内容，希望文章能够帮你解决javascript-jQuery：劫持链接并找到其父级所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端