Shell脚本 WebService MongoDB USB串口通信 Nginx makefile mAPI php video encoding Fries Normalizecss vue遍历 click事件 jquery通过class获取元素 pip环境变量 matlab读入图片 plsql卸载 linux查找文件内容 python教学 react python功能 python循环语句 python指令 python返回值 java字符串 java字符串长度 java获取当前月份 java入门学习 java实用教程 linux中grep 心理学与生活下载 labview宝典 方正兰亭字体下载 页面刷新 php小数点保留2位 windowsjs延时函数 怎么看淘龄 驱动精灵绿色版 黑客攻防技术宝典
当前位置: 首页 > 学习教程  > 编程语言

jQuery 过滤

2020/11/4 14:07:15 文章标签:

<!DOCTYPE html> <html><head><meta charset"UTF-8"><title></title><!--使用cdn的吧--><script type"text/javascript" src"https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script&g…

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title></title>
  <!--使用cdn的吧-->
  <script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
  <script type="text/javascript">
    $(function () {
      /*
         需求:
         1. ul下li标签第一个
         2. ul下li标签的最后一个
         3. ul下li标签的第二个
         4. ul下li标签中title属性为hello的
         5. ul下li标签中title属性不为hello的
         6. ul下li标签中有span子标签的
         */
      //    console.log($('ul li:first').html());
      //    console.log($('ul li:last').html());
      //    console.log($('ul li:last').val());
      //    console.log($('ul li:eq(1)').html());
      //    console.log($('ul>li[title="hello"]').html());
      //    console.log($('ul>li.not[title="hello"]').length);
      // $('ul>li[title!="hello"]').css('background', 'red');
      // console.log($('ul>li').has('span').html());

      /*
      需求:
      1. ul标签的第2个span子标签
      2. ul标签的第2个span后代标签
      3. ul标签的父标签
      4. id为cc的li标签的前面的所有li标签
      5. id为cc的li标签的所有兄弟li标签
      */
      //  console.log($('ul>li:eq(1)').html())  //第一个li
      // console.log($('ul>li').children('span:eq(0)').html());
      // console.log($('ul>li:eq(1)').find('span').html())
      //  console.log($('ul>li[title="hello"]').parent().html());
      // console.log('前面的子节点个数:'+$('#cc').prevAll('li').length);
      // console.log('子节点的所有brother个数:'+$('#cc').siblings('li').length); //没有他自己哈
    });
  </script>
</head>

<body>
  <ul>
    <li>AAAAA</li>
    <li title="hello" class="box2">BBBBB <span>aaaa</span> </li>
    <li class="box">CCCCC</li>
    <li id='cc' title="hello">DDDDDD</li>
    <li title="two"><span>BBBBB</span></li>
  </ul>
  <li>eeeee</li>
  <li>EEEEE</li>
  <br>
</body>

</html>

本文链接: http://www.dtmao.cc/news_show_350079.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?