jquery获取兄弟节点-js 获取除自己之外的所有其他兄弟节点

2023-08-21 0 3,251 百度已收录

现在js中获取兄弟节点常用的技巧有两种,一种是使用js遍历,一种是使用jquery获取,下面小编就给大家介绍一下。

比如一个ul上有3个li,其中一个li发生onclick风暴来获取其他兄弟节点。

兄弟是指与你同辈的人,不属于上层,也不属于下层,也可能有比你年长(兄弟)或比你年轻(兄弟)的人。 对于兄弟节点也是如此。 以下是获取兄弟节点的常规方式。

    
  • 111
  • 222
  • 333

js

    function siblings(currentNode) {
        var siblingss = []; //用来存放其他的兄弟节点
        var elseLi = currentNode.parentNode.children;
        for (var i = 0, elseLil = elseLi.length; i < elseLil; i++) {
            if (elseLi[i] !== currentNode) {//判断是否是ele节点,是否与触发事件的节点相同
                siblingss.push(elseLi[i]);
            }
        }
        console.log(siblingss)
        return siblings;
    }

思路:先获取这个元素的父节点的所有子节点,因为所有子节点还包括该元素本身,所以把自己从结果中去掉。

注意:这里获取父节点的兼容性node.parentNode || 节点.parentElement

还有一种看起来比较独特的方式,就是在jQuery上获取兄弟节点的源码:

    function sibling(elem) {
        var r = [];
        var n = elem.parentNode.firstChild;
        for (; n; n = n.nextSibling) {
            if (n.nodeType === 1 && n !== elem) {
                r.push(n);
            }
        }
        return r;
    }

jquery获取兄弟节点-js 获取除自己之外的所有其他兄弟节点

思路:先找到这个元素的父节点的第一个子节点,然后循环查找这个节点的下一个兄弟节点,直到查找完成。

我想知道为什么 jQuery 使用这种方法。 这种方法比第一种方法效率更高吗?

经过我初步测试——1500多里,以上两种方法的效率几乎是一样的,都是在几毫秒内成功。 测试环境为chrome和firefox。

如果需要获取所有兄弟节点,可以使用上述任何技术。

jquery获取兄弟节点-js 获取除自己之外的所有其他兄弟节点

当然,我会在以后的使用过程中验证以上两种方法,如有差异,请更新。

JQUERY的父、子、兄弟节点查找方法

jQuery.parent(expr) 查找母节点,可以传入expr进行过滤,如$("span").parent()或$("span").parent(".class")

jQuery.parents(expr),与jQuery.parents(expr)类似,但查找所有祖先元素,不限于父元素

jquery获取兄弟节点-js 获取除自己之外的所有其他兄弟节点

jQuery.children(expr)。 返回所有子节点,该方法只会返回直接子节点,不会返回所有后代节点

jQuery.contents(),返回下面的所有内容,包括节点和文本。这个技巧和children()的区别在于,包含空白文本也被视为

jQuery 对象返回,children() 只会返回节点

jQuery.prev()jquery获取兄弟节点,返回前一个兄弟节点,而不是所有兄弟节点

jquery获取兄弟节点-js 获取除自己之外的所有其他兄弟节点

jQuery.prevAll(),返回所有先前的兄弟节点

jQuery.next(),返回下一个兄弟节点,而不是所有兄弟节点

jQuery.nextAll()jquery获取兄弟节点,返回所有未来的兄弟节点

jQuery.siblings(),返回兄弟节点,无论前后

jQuery.find(expr) 与 jQuery.filter(expr) 完全不同。 jQuery.filter() 过滤掉部分初始 jQuery 对象集合,而 jQuery.find()

返回的结果不会有初始集合中的内容,如$("p")、find("span")、from

元素开始查找,相当于$("p span")

#

## A1:您可以按照以下步骤下载 jquery.printarea .js:1.打开您喜欢的浏览器,例如Google Chrome或Mozilla Firefox。2. 在搜索栏中输入“jquery.printarea.js”,然后按回车键。 3.在搜索结果中找到正确的下载源,例如 GitHub 或其他开源存储库。4.点击下载链接,通常是一个红色的“下载”按钮。5. 如果有下载版本的选项,请选择最新的稳定版本。6. 选择要保存的位置,然后在保存到或保存到路径字段中选择一个文件夹。7. 单击“保存”按钮开始下载。8.等待下载完成,这可能需要一段时间,具体取决于您的互联网速度。9. 下载完成后,您将看到通知或进度条。10. 在文件管理器中,导航到您选择要保存的文件夹,然后找到下载的 jquery.printarea .js文件。11.现在jquery库下载,您可以将该文件用于您的项目或网站。请注意确保从受信任且安全的下载源下载 jquery.printarea .js,以避免潜在的安全风险。下载的文件应用于合法目的,例如开发、学习或个人使用。 ### 答案 2:jquery.printarea.js 是基于 jQuery 开发的插件,用于实现网页中复制页面的功能。

它提供了一个简单易用的API,使我们能够轻松地在网页中指定复制区域并执行自定义复制操作。 .js您可以下载jquery.printarea,则可以转到GitHub或其他代码托管平台并搜索插件的源代码。在相应的页面中,我们可以找到下载链接或直接复制代码。将下载的js文件保存到本地项目目录下,然后将js文件引入网页即可开始。在使用 jQuery.printarea .js之前,我们需要引入 jQuery 库,以确保在使用插件时正确加载 jQuery 库。然后,我们可以使用 jQuery 选择器选择要复制的区域,并向该区域添加唯一的 ID 或类名。接下来,我们可以使用提供的 jquery.printarea .js,通过调用所选区域的 ID 或参数为所选区域的类名来实现复制函数。通过使用 jquery.printarea .js插件,我们可以实现自定义的复制设置,例如选择复制区域、设置复印纸张大小、设置复制脚注脚注等。通过这种方式jquery库下载,我们可以在网页中实现越来越灵活和个性化的复制功能,并改善用户体验。简而言之,jquery.printarea .js 是一个方便实用的插件,可以帮助我们实现在网页中复制页面的功能。

要下载和

使用插件,只需从相应的代码托管平台下载源代码,并在网页中引入JS文件即可。通过使用此插件,我们可以实现自定义复制设置以改善用户的复制体验。 ### 答案 3:jquery.printarea.js 是一个用于复制特定区域的 jQuery 插件。通过使用插件,您可以选择网页上要复制的特定区域,然后将其转换为可复制的格式。这对于需要复制网页上特定内容的应用程序特别有用。下载 jquery.printarea .js的步骤如下: 1. 打开浏览器,进入 jquery.printarea .js 的官方网站或可靠的第三方网站,如 Github。2. 在网站的搜索栏中输入“jquery.printarea.js”,然后按回车键进行搜索。3. 在搜索结果中找到并选择最相关的链接以访问插件的下载页面。4. 找到并单击下载页面上的“下载”或“下载”按钮,开始下载 jquery.printarea .js文件。5.等待下载完成,通常过程会很快。6.下载完成后,您将获得一个带有.js后缀的文件,即jquery.printarea.js。7. 将文件保存到项目文件夹中的适当位置,以便在应用程序中使用。摘要:下载jquery.printarea .js的过程包括查找和访问相关网站,下载插件文件并将其保存到适当的位置。确保下载文件的来源可靠,插件文件的完整性。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 jquery jquery获取兄弟节点-js 获取除自己之外的所有其他兄弟节点 https://www.wkzy.net/game/138260.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务