zoukankan      html  css  js  c++  java
  • jQuery 动态绑定n多标签使用方法

    <html>
    <head>
    <script type="text/javascript" src='__PUBLIC__/Mobile/default/js/jquery-1.9.1.min.js'></script>
    </head>
    <body>
    <div class="cat1">
    <div class="cat2">
    <a href="" data_id="1">11</a>
    <a href="" data_id="2">11</a>
    <a href="" data_id="3">11</a>
    <a href="" data_id="4">11</a>
    <a href="" data_id="5">11</a>
    <a href="" data_id="6">11</a>
    <a href="" data_id="7">11</a>
    <a href="" data_id="8">11</a>
    <a href="" data_id="9">11</a>
    </div>
    </div>

    <body>
    <script type="text/javascript">
    //var qq = $('.cat2').parents().attr('class');
    //alert(qq);
    $(".cat1").find("a[data_id='1']").css('color','red');
    //find("a[data-id='"+cid+"']")//动态选择时,参数书写像这样
    //动态确定n多标签使用方法
    var CAT1 = $(".cat2").find('a');
    CAT1.click(function(){
    var data_id = $(this).attr("data_id");
    alert(data_id);
    });
    //动态确定n多标签使用方法


    </script>
    </html>

  • 相关阅读:
    2021-4-20 日报博客
    2021-4-19 日报博客
    2021-4-17 周报博客
    java web
    java web
    java web
    java
    java
    周末总结8
    java web
  • 原文地址:https://www.cnblogs.com/scjzhong/p/5141393.html
Copyright © 2011-2022 走看看