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

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", "">@" + atname + " ").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

   
   
   


   


   
       
           
               
                    <%#eval_r("id") %>
               

           

       

   

   



你可能感兴趣的:(html/css)