首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js判断是否是子元素

文本俺将跟大家介绍,如何判断一个当前点击元素,是否是指定元素元素。 解决思路: 俺给父元素指定了一个id,并使用这个循环检查当前元素是否属于它元素。...BODY'){ if (obj == parentObj){ return true; } obj = obj.parentNode; } return false; } 方法二:jquery代码 //判断...:当前元素是否是被筛选元素元素 jQuery.fn.isChildOf = function(b){ return (this.parents(b).length > 0); }; //判断:当前元素是否是被筛选元素元素或者本身...event => { const parentId = 'mycontainer' if (isDescendant(event.target, parentId)) { //处理是子元素情况...} else { //处理不是子元素情况 } }) 在while循环中,俺使用赋值运算符=进行迭代,直到不再有父节点,在本例中为el.parentNode返回null时, while

10.7K00
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js判断数组中是否包含某个指定元素个数_js 数组包含某个元素

    方法二:arr.find() 数组实例find()用于找出第一个符合条件数组元素。...它参数是一个回调函数,所有数组元素依次遍历该回调函数,直到找出第一个返回值为true元素,然后返回该元素,否则返回undefined。...find() 方法为数组中每个元素都调用一次函数执行: 当数组中元素在测试条件时返回 true 时, find() 返回符合条件元素,之后值不会再调用执行函数。...findIndex() 方法为数组中每个元素都调用一次函数执行: 当数组中元素在测试条件时返回 true 时, findIndex() 返回符合条件元素索引位置,之后值不会再调用执行函数。...[NaN].indexOf(NaN) // -1 [NaN].findIndex(y => Object.is(NaN, y)) // 0 方法四:for() 遍历数组,然后 if 判断

    11.2K30

    js 判断数组是否包含某个元素方法集合原因_怎么判断数组有几个元素

    JavaScript indexOf() 方法 2、jQuery.inArray()方法 3、JavaScript find() 方法 4、JavaScript findIndex() 方法 5、for 循环和 if 判断...语法 $.inArray( value, array [, fromIndex ] ) 参数 描述 value 任意类型 用于查找值。 array Array类型 指定被查找数组。...Number类型 指定从数组指定索引位置开始查找,默认为 0 3、JavaScript find() 方法 定义和用法 find() 方法返回通过测试(函数内判断数组第一个元素值。...find() 方法为数组中每个元素都调用一次函数执行: 当数组中元素在测试条件时返回 true 时, find() 返回符合条件元素,之后值不会再调用执行函数。...5、for 循环和 if 判断 var arr = [1, 5, 10, 15]; /* 传统for */ for(let i=0; i<arr.length; i++) { if(arr[i] =

    6.4K60

    js判断元素在不在数组中_js判断数组是否为空

    res3) // 结果:2 let res4 = arr.indexOf(5) // 验证是否包含:5 console.log(res4) // 结果:-1 // 由此我们发现,indexOf 返回是数组下标...,当没有包含时返回是 -1 // 我们就可以通过这样方式判断是否存在,判断结果是否大于 -1,大于则包含,不大于则不包含 let has = (arr.indexOf(5) > -1) console.log...(function(value, index, arr) { return value > 2; }) console.log(find3) // 结果:3 // 我们发现 // 当数组中元素在测试条件时返回...true 时, find() 返回符合条件元素,之后值不会再调用执行函数。...// 如果没有符合条件元素返回 undefined 3.findIndex函数 let arr = [2,3,4]; let findIndex = arr.findIndex(function(value

    15.9K10

    js判断数组中是否包含某元素方法有哪些_js判断数组里面是否包含某个元素

    (v=>{ if(v === 查找值) { //则包含该元素 } }) 别的做法: js中存在一个数组,如何判断一个元素是否存在于这个数组中呢,首先是通过循环办法判断,...代码如下: var arr = ['a','s','d','f']; console.info(isInArray(arr,'a'));//循环方式 /** * 使用循环方式判断一个元素是否存在于一个数组中...方法来判断,如果元素存在于数组中,那么返回元素在数组中下标值,如果不存在,那么返回-1,注意indexOf是区分大小写,字母O必需大写,不然是会报错,另外,该方法在某些版本IE中是不起作用,因此在使用之前需要做一下判断...,修改后代码如下所示: /** * 使用indexOf判断元素是否存在于数组中 * @param {Object} arr 数组 * @param {Object} value 元素值 */ function...方法,该方法返回元素在数组中下标,如果不存在与数组中,那么返回-1,代码如下所示: /** * 使用jqueryinArray方法判断元素是否存在于数组中 * @param {Object} arr

    10K60

    js原生判断是否是数字类型

    大家好,又见面了,我是你们朋友全栈君。...js判断数字类型汇总 最近在写代码时候,有些逻辑需要判断数字类型,等用到时候才发现自己了解方法不太严密,然后就决心查资料汇总了解下有哪些方法比较严密 第一种:typeof + isNaN 使用typeof...可以判断是否是一个数字类型,但是NaN也是数字类型,为了筛除这个可能,进一步通过isNaN来筛除。...isNaN(num) } 第二种:typeof + isFinite 使用typeof可以判断是否是一个数字类型,但是NaN和Infinity也是数字类型,为了筛除这个可能,进一步通过isFinite来筛除...function isNumber(num) { return num === +num } 第六种:正则表达式(最推荐一种) function isNumber(num) { return /

    9.6K20

    JS数据类型判断方式总结

    ()-简单介绍 Object.prototype.toString.call()-代码示例 总结 写在前面 今天写一篇关于js数据类型校验方法总结,js数据类型校验一直是一个很基础问题,但是很多人都搞稀里糊涂...,面试时候基本上也是多会问,所以今天将js中数据类型判断方法总结一下,具体项目开发过程中使用哪种可以根据实际情况进行处理!...相关/js数据类型判断.js */ 方式汇总 typeof instanceof constructor Object.prototype.toString.call() typeof-简单介绍...typeof 检测出来数据类型都是小写字符串 ​ 原因是typeof检测机制是通过计算机二进制进行检测 ​ js 在底层存储变量时候,会在变量机器码低位1-3位存储其类型信息: ​...object Number] console.log(Object.prototype.toString.call(new Date())) //[object Date] 总结 以上就是我们经常使用一些判断数据类型方法

    1.7K40

    js 准确判断数据类型(终极方案)

    前言 要判断JavaScript中数据类型,首先得弄懂JavaScript中有哪些数据类型。...然后还要知道在 JavaScript 中可以判断数据类型有typeof 、instanceof 这些,并且知道其不足,最终通过自己封装方法来终极解决。...JavaScript中数据类型有哪些 我把 js数据类型大致分为基本数据类型(原始值)、引用类型这两种。...null时候会返回 object ,这个是js这个语言设计缺陷 console.log(typeof null) // object typeof 缺点是不能正确判断 null 类型 instanceof...最后我们通过正则获取到 xx ,因为类型字符串是小写字母,通过 tolowerCase 转换成小写。这些就能完美解决 typeof 判断数据类型缺陷了。

    17510

    JS数据类型分类和判断

    二、判断 1、typeof typeof返回一个表示数据类型字符串,返回结果包括:number、string、boolean、object、undefined、function。...typeof可以对基本类型number、string  、boolean、undefined做出准确判断(null除外,typeof null===“object”,这是由于历史原因,我就不巴拉巴拉了...,该方法默认返回其调用者具体类型,更严格讲,是 toString运行时this指向对象类型, 返回类型格式为[object,xxx],xxx是具体数据类型,其中包括:String,Number...JS变量查找规则,其他对象应该也可以直接访问到ObjecttoString方法,而事实上,大部分对象都实现了自身toString方法,这样就可能会导致ObjecttoString被终止查找,因此要用...三、总结: typeof可以准确地判断出基本类型,但是对于引用类型除function之外返回都是object; 已知是引用类型情况可以选用instanceof或constructor方法进行具体类型判断

    3.2K20

    Js判断数组中是否存在某个元素「建议收藏」

    (要查找元素)>-1){ 元素存在操作};   indexOf()无法查找NaN 方法二:arr.find(); Arr.find()参数是一个回调函数,数组所有元素会遍历这个回调函数,直到找到第一个返回值为...(); findIndex()和find()用法相似,find()返回元素,findIndex返回元素位置。...findIndex();返回第一个符合条件数组元素位置,如果所有元素都不符合条件则返回-1;findIndex(),数组中每一个元素都会调用一次函数,但是当条件返回true时,findIndex(...)返回符合条件元素位置,之后值不会再调用执行函数。  ...value){     return isNaN(value);   })   console.log(a); //NaN 方法四:for()或forEach() 循环遍历,然后用if判断

    6.3K40

    JS判断数据类型方法有哪些_c语言数据类型

    1、typeof 类型判断 缺点:无法区分null 、对象、数组,Map,Set,WeakMap,WeakSet、RegExp等 注意:通过构造函数创建变量typeof 后是都是object var...缺点: 1、只能判断通过构造函数创建变量,字面量创建变量无法判断 2、只能区分对象是否存在目标对象原型链上 var a = '' console.log(a instanceof...if(this instanceof Vue){ } } a = new Vue({}) console.log(a instanceof Vue) // true 3、通过构造函数名称判断...缺点: 1、不能判断null和undefined 2、构造函数指向是可以改变,因此会存在类型判断不准确 var a = '' console.log(a.constructor)...优点:能够校验所有的数据类型 缺点:不能判断谁是谁实例 var toString = Object.prototype.toString var a = null console.log(toString.call

    2K40

    基础 |判断 JS变量类型竟然可以如此简单

    前端爱好者知识盛宴 嗨 这里是IMWEB 一个想为更多前端人 享知识  助发展 觅福利 有情怀有情调公众号 欢迎关注转发 让更多前端技友一起学习发展~ 正文 在 JS 中,有 5 种基本数据类型和...今天我们就来探讨一下, 使用什么方法判断一个出一个变量类型。...当需要变量是否是number, string, boolean, function, undefined, json类型时,可以使用typeof进行判断。其他变量是判断不出类型,包括null。...,und和nul是检测Object类型,才输出true,因为js中没有Undefined和Null这种全局类型,他们und和nul都属于Object类型,因此输出了true。...来判断num是不是Number类型,其他变量也类似: 从输出结果我们可以看出,除了undefined和null,其他类型变量均能使用constructor判断类型

    1.8K10

    常用技巧之JS判断数组中某元素出现次数

    现在前端开发经常需要从api中获取返回数组, 也许是array,也许是json, 不管是什么,都需要对返回数据进行再处理, 其中一个重要且经常用到操作, 就是“判断重复”及“重复次数” 例如,...返回一个班级json, 要求判断有多少个孩子年龄是相同?...首先它结构是这样: (1),声明一个新数组newArr,一个临时变量temp,一个计数器count; (2),一个二重嵌套for循环; (3),一个if判断; (4),一个return方法; 那么...这个小例子重点有三个: 1,通过嵌套for循环,把数组每一项,跟整个数组中所有项,比较一遍; 2,通过if判断,如果有相等项,count++,并把相等项置为-1,这样可以判断等于-1就是重复...完了, 很简单吧, 还看不懂同学,可以用console.log,一步一步打印结果,帮助理解。 JS判断重复数组是否有重复项

    5.4K80

    js 判断数组中是否包含某个元素(转载)「建议收藏」

    find() 方法返回通过测试(函数内判断数组第一个元素值。...find() 方法为数组中每个元素都调用一次函数执行: 当数组中元素在测试条件时返回 true 时, find() 返回符合条件元素,之后值不会再调用执行函数。...inArray方法判断元素是否存在于数组中 * @param {Object} arr 数组 * @param {Object} value 元素值 */ function isInArray2...,arr); if(index >= 0){ return true; } return false; 方法六、include()方法: arr.includes(searchElement)方法用来判断一个数组是否包含一个指定值...some() 方法会依次执行数组每个元素: 如果有一个元素满足条件,则表达式返回true , 剩余元素不会再执行检测。 如果没有满足条件元素,则返回false。

    17.6K30
    领券