• 兄弟元素选择固定个数的方法


    近期js写了一个表格的添加删除,其中涉及到兄弟元素的选择因next()只能选择当前元素的下一个兄弟元素,nextAll()选择的又是当前元素之后的所有元素,均不能满足我的需求,偶然发现filter妙用,可以满足我饿需求,可以对当前元素之后的固定个数的兄弟元素进行操作,特此记录以备用时查询:

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Document</title>
    </head>
    <body>
      <p class="father">fffffffffff</p>
      <p>fffffffffff</p>
      <p>fffffffffff</p>
      <p>fffffffffff</p>
      <p>fffffffffff</p>
      <p>fffffffffff</p>
    </body>
    <script type="text/javascript" src="/js/jquery-2.2.3.min.js"></script>
    <script>
      $(function(){
        console.log("ssss")
        let index =n
        $(".father").nextAll().filter(":lt(“+index+”)").css('background','red');
      })
    </script>
    </html>

    可实现对当前元素之后的n个元素进行操作;

  • 相关阅读:
    oracle执行.sql文件
    rematch的基本用法
    dva的基本用法
    redux-saga基本用法
    react-redux的基本用法
    redux的基本概念
    mobx基本概念
    centos 编译安装Apache 2.4
    javascript动态添加一组input
    php配置文件语法
  • 原文地址:https://www.cnblogs.com/jiajiamiao/p/12531462.html
Copyright © 2020-2023  润新知