草庐IT

查找HTML元素

全部标签

javascript - 如何在 Angular 2 中获取 div 中所有元素的引用?

我有一个包含10个HTML元素的div。我怎样才能获得所有这10个元素的引用并在单击时切换它们的类?...DetachSCSS:.hawk{display:block;width:16px;height:16px;border-radius:10px;line-height:12px;cursor:pointer;&.mock{border-radius:0px;}}我可以使用jQuery很容易地做到这一点,如下所示:detach(){$('.hawk').toggleClass('mock');}这样做的Angular方式是什么?我尝试使用@ViewChild并访问父div但我无法将

javascript - 如何删除影响 React 元素的 Jquery 文档单击监听器?

对于遗留应用程序,我们正在使用React逐个重写Web应用程序的部分内容。因为这不能完全删除文档监听器的垃圾。页面上有很多不同的组件,它们上面都有监听器。这正在影响react组件的性能。例如;MaterialUI切换菜单,https://codesandbox.io/s/o9970jm69例如,切换菜单速度很快,并且可以响应您的点击。但是对于我们的网络应用程序,由于这些文档事件监听器,切换行为与演示不同。是否可以移除React元素的这些文档点击监听器?或者有没有办法摆脱React组件的这些监听器? 最佳答案 jQuery事件的解决方

javascript - 如何选择与过滤器匹配的连续元素

给出这个例子:(我只是以img标签为例,我的代码中并不是这样)使用jQuery,您将如何选择与#active(在本例中为中间四个)相邻的类为“a”的img标签?您可以通过遍历所有后续和前面的元素,在过滤条件失败时停止,从而相当轻松地做到这一点,但我想知道jQuery是否可以原生实现? 最佳答案 这是我最后想到的。//here'souractiveelement.var$active=$('#active');//hereisthefilterwe'llbetestingagainst.varfilter="img.a";//$all

javascript - 如何将带有参数的事件处理程序添加到 Javascript 中的元素数组?

我有一个完全依赖于JavaScript和Ajax的三步流程来加载数据并使流程从一步到下一步动画化。更复杂的是,步骤之间的过渡(向前和向后)是动画的:-(。随着用户在流程anchor中的进展,显示当前步骤和之前的步骤。如果他们点击之前的步骤,那么它将把他们带回到上一步。现在,如果您从第1步开始,整个过程(向前和向后)都可以正常工作,但如果您直接跳到第3步,那么第1步和第2步的anchor也会执行与第3步相同的操作。这是循环遍历用户将要进行的当前步骤的所有步骤的代码部分,并依次显示每个anchor并将适当的函数分配给点击事件:for(vari=0;i我知道问题在于传递action和dao_

javascript - 如何通过 JavaScript 检测指定元素的滚动结束?

我正在使用GoogleChrome10并编写JavaScript来检测滚动结束。检测window的滚动结束,下面的代码运行良好:window.addEventListener('scroll',function(){varscrollTop=document.documentElement.scrollTop||document.body.scrollTop;varofferHeight=document.body.offsetHeight;varclientHeight=document.documentElement.clientHeight;if(offsetHeight现在我想

javascript - 添加元素作为字符串与 createElement()

对于我想要完成的事情,我可以使用createElement()或innerHTML和一个字符串。到底哪个才是真正的更快?很长一段时间以来,我一直相信字符串比返回相同结果的内置函数慢得多,但这是真的吗?我问是因为我已经尝试过createElement()并且似乎所有必须添加到每个元素的属性都会减慢速度。不仅如此,它还占用了更多空间。我有一个循环,它根据数组的长度从1到无穷大,但最好在显示减速迹象之前添加多达50个左右的元素。在我希望创建的这50个左右的元素中,还有大约10个元素。因此,它实际上总共创建了大约500个元素。我注意到使用内置函数创建元素的速度比平常快了一点,而且由于我在重置该

javascript - 使用不显眼的 javascript 对元素列表进行 Ajax 请求

所以我真的更喜欢使用不显眼的javascript来内联javascript。我发现使用它更容易。我一直遇到的问题是,我不知道如何为我想使用的每个特定元素获取数据。例如:我有一个列表,我生成了以下HTML(这是伪代码)??-->所以我想将javascript附加到每个将调用ajaxpost的标记,但我需要“id”从后端删除正确的元素。$('a.delete').click(function(){//Ajaxrequestusing"e.id"});我尝试过的一些事情:构建href并使用attr方法将ajax请求发送到该url。(我不太喜欢POST请求,但它确实有效。使用rel属性来存储我

javascript - 如何使用 jQuery 在 JavaScript 数组中查找对象的索引

我试图在jquery的数组中查找对象的索引。我不能使用jQuery.inArray因为我想匹配某个属性上的对象。我正在使用:jQuery.inObjectArray=function(arr,func){for(vari=0;i然后调用:jQuery.inObjectArray([{Foo:"Bar"}],function(item){returnitem.Foo=="Bar"})有内置的方法吗? 最佳答案 不确定为什么each()对你不起作用:损坏--请参见下面的修复functioncheck(arr,closure){$.eac

javascript - 如何在 Javascript 中为非 dom 元素添加事件监听器?

在Java、C#、Actionscript等中。事件是针对类的,而在Javascript中,它似乎仅限于dom。我在这里读了一个用jQuery做的例子http://www.west-wind.com/weblog/posts/2010/May/27/NonDom-Element-Event-Binding-with-jQuery但是如果我不需要jQuery并且我想了解该机制,您会怎么做? 最佳答案 最简单的机制是这样的:functionPubSub(){this.subs={};this.subscribe=function(cha

javascript - JQuery .text() 无法使用 indexOf 查找空格

这很奇怪。我有一个列表项,其中包含文本“2011年5月13日”。我有很多这样的日期,我想使用JQuery通过自由文本输入来搜索它们(它们并不总是日期),但是如果我在搜索框中放置一个空格,我似乎无法搜索任何东西.但是,li.text()//13May2011li.text().indexOf('13')//0li.text().indexOf('13')//-1li.text().indexOf('')//-1'13May2011'.indexOf('13')//0'13May2011'.indexOf('13')//0li.text()=='13May2011'//false我已将我的