jQuery 节点的查询_html/css_WEB-ITnose

php中文网
发布: 2016-06-21 08:47:27
原创
1374人浏览过

<a id = 1>xx</a><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul><a id = 2>xx</a><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul><a id = 3>xx</a><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul>
登录后复制

------------------------jquery代码如上面

造点AI
造点AI

夸克 · 造点AI

造点AI 325
查看详情 造点AI


回复讨论(解决方案)

如上所示   点击某一个

  • 标签  怎么获得上面就近的  a 的id

    $("li").click(function(event){	alert($(this).parent().prev().attr("id"));});
    登录后复制

    $("li").click(function(event){	alert($(this).parent().prev().attr("id"));});
    登录后复制

    不行,这个方法 没有得到 


    $("li").click(function(event){	alert($(this).parent().prev().attr("id"));});
    登录后复制

    不行,这个方法 没有得到 


    <html><head>    <title>test</title>    <script src="http://jquery.cuishifeng.cn/js/jquery-2.1.4.min.js?v=20160120"></script></head><body><a id = '1'>XX</a><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul><a id = '2'>XX</a><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul><a id = '3'>XX</a><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul><script>$("li").click(function(event){    alert($(this).parent().prev().attr("id"));});</script></body></html>
    登录后复制

    引入jquery,并且你的dom结构写正确

    $("li").click(function(event){    alert($(this).parents("a").attr("id"));});
    登录后复制

    这样呢?

    引入jar包,js区域写上
    $(function(){
        $("li").click(function(event){
            alert($(this).parent().prev().attr("id"));
        });
    })

              <p class="yy">               引入jar包,js区域写上$(function(){    $("li").click(function(event){        alert($(this).parent().prev().attr("id"));    });})             </p>也不可以。。无法获取  
    登录后复制

    我贴部分源码。

    <h3><a id = '1'>XX</a></h3><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul><h3><a id = '2'>XX</a></h3><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul><h3><a id = '3'>XX</a></h3><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul>$.ajax({xxxxxxsuccess:function(){ $("ul li:last-child").bind("click", Addhut);}}); function Addhut() {           // parId = $(this).parent().filter("a").attr("id");            parId = $(this).parent("a").prev().attr("id");            alert(parId);}
    登录后复制

    具体结构就是这样,页面载入时执行ajax函数,成功后执行回调函数。最后一个li标签绑定Addhut函数   点击后 获得上面的的id

    跪求大神答疑解惑!



    你检查你的事件,我们给你的基本都可以



    你检查你的事件,我们给你的基本都可以


    为什么我的 一直提示 undefined



    你检查你的事件,我们给你的基本都可以


    ---------------------------绑定函数的一样可以吗------------------------------------



    你的bind的格式不对,这是点击每项的最后一个弹出提示



    你的bind的格式不对,这是点击每项的最后一个弹出提示


    嗯啊    搞定了   3Q

    不客气,不懂的可以多百度,查api,问别人是最后的手段

    不客气,不懂的可以多百度,查api,问别人是最后的手段


    ----------------------------------------------------------------------
    是啊,基本上有提供个思路或者方向,比自己盲目的乱找快多了,还是谢谢你们!
  • HTML速学教程(入门课程)
    HTML速学教程(入门课程)

    HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

    下载
    来源:php中文网
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
    最新问题
    开源免费商场系统广告
    热门教程
    更多>
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
    php中文网:公益在线php培训,帮助PHP学习者快速成长!
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送
    PHP中文网APP
    随时随地碎片化学习

    Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号