> 웹 프론트엔드 > HTML 튜토리얼 > jQuery 节点的查询_html/css_WEB-ITnose

jQuery 节点的查询_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-21 08:47:27
원래의
1187명이 탐색했습니다.

<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代码如上面


回复讨论(解决方案)

如上所示 点击某一个

  • 标签 怎么获得上面就近的 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,问别人是最后的手段


    ----------------------------------------------------------------------
    是啊,基本上有提供个思路或者方向,比自己盲目的乱找快多了,还是谢谢你们!
  • 관련 라벨:
    원천:php.cn
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    최신 이슈
    인기 튜토리얼
    더>
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿