草庐IT

dom-traversal

全部标签

javascript - jQuery 在特定元素之后获取 DOM 中的下一个匹配项

我不想承认这一点,但我一直在努力弄清楚如何做到这一点。例如假装你有以下结构:......我在与上面的突出显示“foo”节点相关的jQuery事件处理程序中。我想找到“下一个”img元素,它是一个“foo”。不过有两个问题。我只想选择DOM中比我所在的当前节点更远的“foo”元素(例如,不需要“前一个”foo和当前foo)虽然我已将嵌套显示为遵循精确的模式,但生成的代码是/可以嵌套在任何级别。..因此我不能只做.parent().parent().parent().siblings().find()...等。如果您可以想象,每次浏览器向DOM添加一个节点时,它都会递增一个计数器并为该节点

javascript - 我怎样才能 "upgrade"DOM 中的 jQuery 版本?

在与客户进行现场交流时,我提议升级客户正在使用的jQuery版本(即从jQuery1.5升级到1.11)。客户不太关心他们的TimeGlider版本将与较新的jQuery不兼容。我不熟悉TimeGlider,所以他们(使用Chrome)浏览到一个带有TimeGlider的页面向我演示。我想我会使用开发人员工具“升级”DOM的jQuery库,以立即解决问题。我知道onewaytoimportthejQuery1.11library,但这种技术需要一种简单的方法来首先删除旧的jQuery版本。也许有更好的方法。当然,在源代码中进行编辑很简单,但我真的很想通过开发人员工具在DOM中进行。如何

javascript - 检测 DOM 元素顺序的变化

我有以下代码:RandomtextRandomtext并且,使用代码,我有50%的机会更改div中元素的顺序。$(document).ready(function(){varinitial=$("div");//Thismightnotbeokif(newDate()%2)//50%chancetorandomizeorderrandomizeOrder();varafter=$("div");//Alsothismightnotbeok//Detectiftheorderofspanschangedif(after!=initial)//Definitelywon'tworkcons

javascript - 各种Javascript优化项目如何影响DOM性能?

通过Tracemonkey,Squirrelfish和V8项目,有很多大写C,大写S计算机科学都在Javascript中使用。这些项目(或其他项目)中的任何一个是否解决了DOM操作的性能,还是它们纯粹与Javascript计算有关? 最佳答案 纯DOM操作(getElementById/Tagname/Selector,nextChild等)的性能不受影响,因为它们已经在纯C++中。JS引擎改进如何影响性能确实在一定程度上取决于用于性能改进的特定技术以及DOM->JS桥的性能。前者的一个示例是TraceMonkey依赖于对JS函数的

javascript - jQuery - 当 DOM 改变时运行一个函数

我一直在使用livequery到目前为止哪个有效,但它使页面浏览看起来真的很慢。所以我正在尝试为此寻找替代解决方案。我附加了一个函数,该函数在具有特定类的元素上运行一些ajax,例如:$(".blah").each(function(){$.ajax({...success:function(data){$(this).removeClass(".blah");//dootherstuff}});});现在我有几个事件卡在不同的元素上,可以在DOM中附加html,比如:$(".button").click(function(){$.ajax({...success:function(d

javascript - VueJS 读取 Dom 属性

我想获取按钮点击事件的href属性。GetDataMain.JS文件newVue({el:'body',methods:{func:function(event){element=event.target;console.log(element);//Output:Selectspan|i|aelementhref=element.getAttribute('href');},}});目标事件未选择元素。它选择被点击的元素。 最佳答案 您需要event.currentTarget,而不是event.target。这是情况的一个fid

javascript - 获取 jQuery timeago 插件以识别新加载的 DOM 元素

我正在使用jquerytimeagoplugin在我的Rails3应用程序中。我的帖子#showView上有一个评论部分,它使用Railscasts第229集"PollingforChanges"中使用的AJAX每30秒自动刷新一次。.由jQuery加载的_comment部分包含评论的created_at时间,它使用timeagoRails辅助方法创建具有正确时间格式的attr标签。当提交评论并且ajax加载评论时,jQuerytimeago插件无法识别新的评论DOM元素。因此,评论的时间不是显示为“大约一分钟前”,而是显示为“2010-11-2123:08:36UTC”。当然,我用谷

javascript - 移动包含动态创建的脚本标签的 DOM 元素

我在基于wiki的CMS中使用FishGadget(http://abowman.com/google-modules/fish/),并且需要将小工具从一个HTML元素重新定位到另一个HTML元素。(注意:鱼小工具是一个示例-其他小工具也会出现此问题。)如果我直接使用小工具基类“ig_reset”重新定位小工具,那么一切正常。如果我尝试使用周围的包装器重新定位,那么小工具使用的iframe似乎会接管。不幸的是,我需要使用周围的wrapper重新定位的灵active。这似乎与在DOM中移动SCRIPT标记有关。小工具动态地创建一个脚本和一个样式标签。如果我从DOM中删除动态创建的脚本标记

javascript - 使用 create-react-app 进行 react-router-dom 热重载

我正在学习React和ReactRouter。我使用create-react-app创建了一个应用程序,在我开始使用react-router-dom之前,热重载运行良好。这是我的package.json:{"name":"my-app","version":"0.1.0","private":true,"dependencies":{"bulma":"^0.7.2","react":"^16.6.0","react-dom":"^16.6.0","react-router-dom":"^4.3.1","react-scripts":"2.0.5"},"scripts":{"start"

javascript - 如何覆盖 ajax=false 以便它切换到加载的 dom 页面(如果存在)

我有几个项目html,每个都包含一个JQM页面。我也有一个索引页。它是一个多JQM页面的html,每个JQM页面作为一个类别列出项目。index.htmlitem1.htmlitem2.html+------------------++--------+--------++--------|+-------+|+--|Cat.|Next|->|Cat.||.cont-|||+--------+--------+|--------||ent|+-------+||||||link2||||||+-------+|+-----------------++--------|+-------+