jquery 根据当前元素获取上一级下一级元素

最新推荐文章于 2023-04-07 23:23:35 发布
最新推荐文章于 2023-04-07 23:23:35 发布
阅读量4w 收藏 2
点赞数
分类专栏： html/css

1.加载 jQuery 库，可以直接用 google 的。

2. jQuery 代码，可以直接放到 js 文件中。

jQuery(document).ready( function($){
$( '.comment-reply-link').click( function() {
        //获取回复者的id
        var atid = '"#' + $( this).parent().parent().attr( "id") + '"';
        //获取回复者的昵称
      var atname = $( this).parent().find( '.comment_author').text();
$( "#comment").attr( "value", "<a href=" + atid + ">@" + atname + " </a>").focus();
});
$( '#cancel-comment-reply a').click( function() {
$( "#comment").attr( "value", '');
});
});

 

3.解释 jQuery 代码

要获取用户 id ，首先需要了解评论部分的 DOM 结构，以 Melody 为例，用 Firebug 查看其一条评论的部分 HTML ，

 

 

看了图相信童鞋们应该大概明白了， .comment-reply-link 的上两级父元素包含回复者的 id ，因此可以在这里获取回复者的id，而在 .comment-reply-link 的同辈元素中包含了用户的昵称，看到这里相信各位童鞋再看看上面的 jQuery 代码应该不难理解了！

 

我们首先应该知道自己的评论模板在哪里有输出回复者的 id ，在哪里有输出回复者的昵称，然后用 jQuery 的选择器即可以获取相关的数据，下面列出一些常用的选择器供大家参考：

.parent() 父元素， .children() 子元素， .prev() 前一个同辈元素， .next() 下一个同辈元素

 

更多的选择器可以参考 w3cschool 的资料

http://www.w3school.com.cn/jquery/jquery_ref_traversing.asp

扩展一下：）

GridView 获取生成html后获取tr
<head runat="server">
    <title></title>
    <script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script>
        $(function () {
            $("[name=id]").each(function () {
                var $obj = $(this);
                $obj.parents("tr").attr("id", "tr" + $obj.html());

            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:GridView ID="GridView1" runat="server" >
        <Columns>
            <asp:TemplateField>
                <ItemTemplate>
                    <span name='id'><%#eval_r("id") %></span>
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>
    </form>
</body>
</html>

牧马人xxx
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jq获取同级元素_JQ获取上级、同级、下级元素
weixin_36269724的博客
12-24 5385
------------------------------------------------------------------------------jQuery----------------------------------------------------------------------1.父级：jQuery.parent(expr) 找父亲节点，可以传入expr进行过滤，比如...
jq获取最后一个子节点_js jquery获取当前元素的兄弟级 上一个 下一个元素 jquery如何获取第一个或最后一个子元素...
weixin_42312133的博客
02-01 2540
var chils= s.childNodes; //得到s的全部子节点var par=s.parentNode; //得到s的父节点var ns=s.nextSbiling; //获得s的下一个兄弟节点var ps=s.previousSbiling; //得到s的上一个兄弟节点var fc=s.firstChild; //获得s的第一个子节点var lc=s.lastChile...
jquery获取父节点、子节点、兄弟节点
云泽的博客
10-10 928
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲test").parent(e…(“span”).parent()或者$(“span”).parent(".class") $("#test").parents(expr)，类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素 $("#test...
JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法
Darkness的博客
11-09 539
** 本文转载自：https://www.cnblogs.com/chenmeng0818/p/6370819.html （感谢分享） $(function(){ //遍历获取的input元素对象数组，绑定click事件 var len = $("input[type='file']").length; for(var i = 0; i &lt; len; i++){ ...
jQuery获取某元素的上一个、下一个、父元素、子元素元素（学习笔记）
廖小生的博客
04-07 3984
jQuery获取某元素的上一个、下一个、父元素、子元素
JQUERY的父，子，兄弟节点查找方法
系咩的个人收藏博客
12-11 507
下面介绍JQUERY的父，子，兄弟节点查找方法 jQuery.parent(expr)  找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素 jQuery.chi
dom js 同级_JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法
weixin_30676505的博客
12-31 603
$(function(){//遍历获取的input元素对象数组，绑定click事件var len = $("input[type='file']").length;for(var i = 0; i < len; i++){$("input[type='file']").eq(i).click(function(){$(this).next().val("");$(this).next().h...
js jquery获取当前元素的兄弟级 上一个 下一个元素
10-23
js获取方法要比jq的方法麻烦的多，主要是因为FF浏览器，因为FF浏览器也会把换行当作dom元素，下面跟着小编一起来学习js jquery获取当前元素的兄弟级 上一个 下一个元素的，需要的朋友一起来学习吧
Jquery实现获取子元素的方法分析
10-16
值得注意的是，`children()`方法只获取第一级的子元素，如果`<li>`元素内还有其他嵌套的`<li>`，`children()`将不会遍历这些深层的子元素。 其次，`find()`方法则更为强大，它可以查找并返回指定元素的所有后代，...
jQuery实现的调整表格行tr上下顺序
10-22
在网页开发中，表格（Table）是一种常见的数据展示方式，有时候根据需求，我们需要对表格内的行（tr）进行上下移动，以改变数据的显示顺序。本文将详细介绍如何使用JavaScript库jQuery来实现这一功能。 首先，...
jQuery元素属性操作实例(设置、获取及删除元素属性)
10-21
本篇文章将详细讲解jQuery如何进行元素属性的操作，包括设置、获取和删除元素属性，并通过一个实例来演示这些操作。 ### 1. 设置元素属性 jQuery 提供了 `.attr()` 方法用于设置元素的属性。在给定的示例中，当...
js和jquery获取父级元素、子级元素、兄弟元素的方法
09-13 139
先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比。 JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素 原生的JS获取ID为test的元素下的子元素。可以用： var a = docuemnt.getElementById("test").getElementsByTagName_r(...
jquery获取上级、同级和下级元素
奔跑8蜗牛
01-04 1万+
1、JQuery.parent(expr)找父亲节点，可以传入expr进行过滤，比如$("#parent").parent() 或者$("#parent").parent(".child") 2、JQuery.parents(expr)查找所有祖先元素，不限于父元素 3、JQuery.children(expr)返回所有子节点，这个方法只会返回直接的孩子节点，不会返回所有的子孙节点 4、JQ...
jQuery中$.each()方法的使用
weixin_34178244的博客
05-02 676
2019独角兽企业重金招聘Python工程师标准>>> ...
jQuery 选择器——层级选择器
qq_45554909的博客
12-23 1199
ancestor descendant 后代选择器 ： 在给定的祖先元素下匹配所有的后代元素 parent>child 子元素选择器：在给定的父元素下匹配所有的子元素 prev+next 相邻元素选择器： 匹配所有紧接在 prev 元素后的 next 元素 prev~sibings 之后的兄弟元素选择器： 匹配 prev 元素之后的所有 siblings 元素 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org
JS JQuery获取当前元素的上一个下一个兄弟级元素等元素的方法
热门推荐
qq_39479350的博客
04-18 2万+
jQuery.parent(expr)，找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")jQuery.parents(expr)，类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素jQuery.children(expr)，返回所有子节点，这个方法只会返回直接的孩子节点，不会返回...
jQuery获取当前元素、上一个/下一个元素
weixin_49678763的博客
03-09 1965
jQuery.parent(expr)，找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")jQuery.find()，的返回结果，不会有初始集合中的内容，比如$("p").find("span")，是从元素开始找，等同于$("p span")jQuery.children(expr)，返回所有子节点，这个方法只会返回直接的孩子节点，不会返回所有的子孙节点。
jquery获取上一级元素
最新发布
07-16
jQuery提供了几种方法来获取一个元素的...如果你需要获取所有匹配的上一级元素，可以使用`.parent()`或`.closest()`方法之后加上`.siblings()`方法来获取兄弟元素。 希望对你有所帮助！如有任何其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值