Heim > Web-Frontend > HTML-Tutorial > jQuery 节点的查询_html/css_WEB-ITnose

jQuery 节点的查询_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-21 08:47:27
Original
1186 Leute haben es durchsucht

<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>
Nach dem Login kopieren

------------------------jQuery代码如上面


回复讨论(解决方案)

如上所示 点击某一个

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

    $("li").click(function(event){	alert($(this).parent().prev().attr("id"));});
    Nach dem Login kopieren
    Nach dem Login kopieren
    Nach dem Login kopieren

    $("li").click(function(event){	alert($(this).parent().prev().attr("id"));});
    Nach dem Login kopieren
    Nach dem Login kopieren
    Nach dem Login kopieren

    不行,这个方法 没有得到


    $("li").click(function(event){	alert($(this).parent().prev().attr("id"));});
    Nach dem Login kopieren
    Nach dem Login kopieren
    Nach dem Login kopieren

    不行,这个方法 没有得到



    <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>
    Nach dem Login kopieren

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

    $("li").click(function(event){    alert($(this).parents("a").attr("id"));});
    Nach dem Login kopieren

    这样呢?

    引入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>也不可以。。无法获取  
    Nach dem Login kopieren

    我贴部分源码。

    <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);}
    Nach dem Login kopieren

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

    跪求大神答疑解惑!



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



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


    为什么我的 一直提示 undefined



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


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



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



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


    嗯啊    搞定了   3Q

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

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


    ----------------------------------------------------------------------
    是啊,基本上有提供个思路或者方向,比自己盲目的乱找快多了,还是谢谢你们!
  • Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage