草庐IT

查找HTML元素

全部标签

javascript - 使用 JavaScript 展平 DOM 中的嵌套跨度以优化 HTML 编辑器输出

我需要使用JavaScript重新格式化输入HTML,以便生成的输出HTML始终是的序列包含仅一个或多个的节点节点和每个节点应该包含恰好一个#text节点。举个例子,我想转换如下所示的HTML:Thisisline#1Thisisline#2Thisisline#3Thisisline#4HTML看起来像这样:Thisisline#1Thisisline#2Thisisline#3Thisisline#4额外的,有点离题的信息:文本在TinyMCE编辑器中。HTML需要符合此模式以使应用程序更有用并提供具有可用HTML的PDF输出引擎(wkhtmltopdf如果HTMl变得过于复杂且嵌

javascript - Gridster - 保存 div 的 html 内容以动态加载网格

我已经用gridster做了一些测试,我可以保存一些gridster数据,比如坐标、大小、ids等。但我无法保存填充gridster的div的内容,我可以稍后加载每个元素的gridster坐标。这是我的代码:$(document).ready(function(){vargrid_canvas=$("#homepage>#grid").gridster({widget_margins:[10,10],widget_base_dimensions:[140,140],widget_selector:".gs_w",shift_larger_widgets_down:false,seria

javascript - 将 jQuery 的 .val() 方法扩展到非输入元素

我正在编写一个基本上复制输入功能的自定义jquery插件。我可以解释为什么,但说实话,解释很长,我认为它与问题无关。当我尝试将jQuery的.val()方法扩展到我的自定义jquery插件时,问题就来了。这是我尝试过的:$.fn.custom_text_input=function(options){returnthis.each(function(){varcustom_text_input=newCustomTextInput(options,this)$(this)[0].val=function(){alert('somethinguseful')}})}我尝试了其他一些变体,

javascript - 使用 jQuery 的 DOM 元素的非深拷贝

是否可以在不克隆其内容的情况下在jQuery中创建DOM元素的克隆/副本?我需要将一个div的内容拆分为两个具有相同属性的独立div。因此,例如我需要更改:thisisthefirstsentence.thisisthesecondsentence.变成类似的东西:thisisthefirstsentence.thisisthesecondsentence.具体如何拆分内容比较复杂,但这基本上就是我需要做的。显然,可以使用以下方法创建没有内容的克隆:$(el).clone().empty();但由于我的元素可能变得相当大,我想摆脱不必要地克隆元素内容的开销。想法?谢谢!

javascript如何在滚动路线上 move 元素

我有一条像垂直蛇一样的路线。(像这样http://www.my-favorite-coloring.net/Images/Large/Animals-Reptiles-Snake-31371.png)我如何通过滚动的X和Y位置move路径上的元素(圆10x10)?水平没问题:varcoin=$('#coin');$(window).scroll(function(){varcoinTop=coin.css('top'),cointLeft=coin.css('left');if($(window).scrollTop()>100&&$(window).scrollTop()但是我如何沿

javascript - 如何使用 jquery 加载网站 HTML

如何在我的java脚本中加载一些网站以便我可以解析它?我想获取例如Htmlwww.google.com,我想使用jquery选择其中的所有标签。 最佳答案 你不能,因为jquery不允许你加载外部资源,除非你要解析的页面中存在标题:header('Access-Control-Allow-Origin:http://thesitewhereyourjscodeishosted');如果你不能设置它,你可以使用PHP:varwebsite=; 关于javascript-如何使用jquery

javascript - appendTo 没有将我的元素放在我想要的位置

我使用jQuery在表格中添加行,带有一些输入/选择。我有一个显示的模板行:无,为了添加一个新行,我复制了这一行并将它放在我的表的tbody末尾。一些代码:CSS:.template{display:none;}.regle{display:block;}HTML:foobarfoobarform->foo->renderViewHelper();?>form->foo->renderErrors();?>[...]jQuery:$("#ajout_regle").click(function(){$(".template").clone()//Edit:IforgortitwhenI

javascript - 使用 Knockout 组件时替换容器元素

有没有办法配置Knockoutcomponent替换容器元素而不是将其内容嵌套在容器元素中?例如,如果我使用以下模板将自定义组件注册为my-custom-element:Helloworld!是否可以像这样使用组件:最终产品是这样的:Helloworld!而不是这样:(Knockout默认渲染组件的方式)Helloworld!Basedontheanswertothisquestion,似乎此功能内置于模板引擎中,我假设在呈现组件模板时也会使用它。有没有一种方法可以指定组件应该使用replaceNode的renderMode进行渲染?我知道“虚拟元素”语法,它允许在HTML注释中定义组

javascript - 从 HTML5 FormData 对象中获取所有项目 - HTML5

我一直在使用HTML5FormData对象,但我似乎无法弄清楚如何找到它包含的数据。出于调试目的,我需要访问它。https://developer.mozilla.org/en-US/docs/Web/API/FormData1有类似的功能FormData::get([name]);但是我不知道名字。如果有类似下面的东西就好了:FormData::dumpData();查看FormData对象中所有数据的好方法是什么?更新这是FormData对象的示例: 最佳答案 默认情况下,FormData的所有功能并非在所有浏览器中都可用。但是

javascript - 当我在 html 标签中使用 ng-controller 时,Angular 停止工作

这个问题在这里已经有了答案:Controllernotafunction,gotundefined,whiledefiningcontrollersglobally(14个答案)关闭7年前。我是Angular.js的新手,开始在plunker.co上学习Angular。问题是当我在html页面的任何标签中使用ng-controller时,angular停止工作。我的意思是{{4+4}}显示,因为它是在使用ng-controller之后显示的。这是来自Plunker.co的代码HelloPlunker!{{8*8}}{{message}}没有ng-controller它显示64作为输出但