草庐IT

dom-repeat

全部标签

javascript - 使用 jQuery 将 HTML 字符串转换为 DOM 对象

我在JavaScript字符串中有HTML(包含通常的嵌套HTML)。使用jQuery,我可以使用任何document.create*函数一次性将其转换为有效的HTML元素吗?我的要求是对创建的DOM对象使用document.getElementById。 最佳答案 以简单的嵌套为例。vardom_string='xxxyyy';使用jquery的$()函数创建HTMLDOM元素并附加到任何你想要的地方。我已经采取了“body”,但你可以追加到任何地方。$(dom_string).appendTo('body');或者,您可以使用纯

javascript - 在 ng-repeat 中使用 'track by $index' 时,ng-animate 动画错误的项目

我正在尝试创建用户可以选择不同类型的block并将它们堆叠在一起以创建独特模板的应用程序。因为我希望用户能够多次将同一block添加到模板中,所以我必须使用“按$index跟踪”来完成此操作:但是,当我尝试使用ng-animate添加动画时,用于移除block的动画是在模板中的最后一个block而不是移除block上动画。我把代码放在jsfiddle里http://jsfiddle.net/FC9c7/6/.尝试通过选择布局1、2或3添加新block。当您单击“删除block”时,您将看到问题。 最佳答案 这就是我认为正在发生的事情

javascript - react .js : Is it possible to convert a react component to HTML DOM's?

我正在开发一个基于map的应用程序,该应用程序使用GoogleMapAPI在React.js中创建标记及其信息窗口。infowindow.setContent()只接受String或HTML。我不可能传入String,因为我有一个button链接到另一个React组件中的特定方法(类似于:_this.props.addList(地点))。因此,我必须将参数作为HTMLDOM填充为以下代码行:vardiv=document.createElement('div');vartitle=document.createElement('h4');title.innerHTML=place.na

javascript - 如何突出显示 DOM Range 对象的文本?

我使用鼠标在html页面(在firefox中打开)上选择一些文本,并使用javascript函数创建/获取与所选文本对应的范围对象。userSelection=window.getSelection();varrangeObject=getRangeObject(userSelection);现在我想突出显示范围对象下的所有文本。我是这样做的,varspan=document.createElement("span");rangeObject.surroundContents(span);span.style.backgroundColor="yellow";好吧,这很好用,只有当范围

javascript - 检查缓存的 jquery 对象是否仍在 DOM 中

有谁知道如何判断缓存的jQuery对象是否已经过时,例如不再在DOM中?例如:var$cached_elem=$('.the_button');//..andthenlater$cached_elem.text('updating...');我最近遇到了$cached_elem由于某些其他事件而从DOM中删除的情况。所以我想做什么:if($cache_elem.isStillInDOM()){//nowdotimeconsumingstuffwith$cached_eleminDOM}在任何人提供之前,我已经使用了这个,这与我正在尝试做的事情相当相似:if($cached_elem.i

javascript - 从 jQuery 对象中检索 native DOM 元素?

如何让jQuery返回它封装的原生DOM元素? 最佳答案 当您使用jQuery查找元素时,您可以使用“get”函数获取它们:varregularElement=$('#myElementId').get(0);在“.each()”函数中,“this”指针指向一个“真实”元素:$('input.special').each(function(){vartype=this.type;this.value="explodingballoon";//etc})使用jQuery不会使Javascript“与众不同”。它是Javascript,

javascript - 从仅引用元素的 DOM 中删除元素

这要么非常简单,要么不可能。我知道我可以做到:varelement=document.getElementById('some_element');element.parentNode.removeChild(element);...但感觉很乱。有没有一种更简洁且得到普遍支持的方法来做同样的事情?似乎-至少对我来说-应该有这样的东西:document.getElementById('some_element').remove();...但这行不通,搜索Google/SO也没有找到任何替代方案。我知道这没那么重要,但是parentNode.removeChild()感觉很笨拙/凌乱/低效

javascript - 如何获取当前Vue组件的DOM元素?

当我在vue组件的某个方法中并想使用一些dom操作(通过jquery)时,我需要让DOM元素与我的组件相关(特别是当我在页面上有很多组件实例时-我需要对它们中的每一个单独“工作”——所以我无法仅使用没有技巧的jquery选择器来检测DOM元素...) 最佳答案 就这样(在“方法”中的任何方法中):letdomElement=this.$el;:)但请记住,只要您的组件不是FragmentInstance,这就是有效的即它有一个根HTML标签 关于javascript-如何获取当前Vue组

javascript - ng-class 基于 ng-repeat 突出显示事件菜单项。 AngularJS

我有一个基于以下示例的菜单:{{item.title}}item是一个对象,包含菜单项信息。下面是指令和Controller的JavaScript代码:varapp=angular.module("coolApp",[]);functionmenuContrl($scope,$location){$scope.menu=menu;$scope.isActive=function(path){return($location.path()==path)}}问题是ng-class套class至active在页面呈现期间仅一次,但是当您单击菜单项时,没有任何反应。我想这是因为菜单本身没有重新

javascript - AngularJS:如何根据变量更改 ng-repeat limitTo?

我想根据变量在Angular.jsng-repeat上显示不同的limitTo数字。这是我的代码:......在Controller中:$scope.showNewCard=false;$scope.checkNewCard=function(search){if(search=="")$scope.showNewCard=false;else{$scope.showNewCard=true;}};我只能假设有一种更优雅的方法可以根据搜索输入更改limitTo,我只是不知道要查找什么。您可以在http://happinesshunt.co上看到这段代码的实现。.附言我是新来的,一般来说