草庐IT

重复元素

全部标签

javascript - React-router 强制查询字符串为具有单个元素的数组

我刚刚将使用react和react-router制作的应用程序从旧版本迁移到react0.15和react-router2.0在旧版本中,Links是这样创建的:{name}这构造了一个url,如/route/?ids[]=1。那会给我组件this.props.query={ids:['1']}升级后Link声明更改为:{name}它生成类似/route/ids=1的url,现在路由器像这样解析查询字符串:this.props.location.query={ids:'1'}如果链接声明中的数组有多个元素,我设法获得一个数组的唯一方法,尽管url没有在url中使用空括号。那么有没有办法

javascript - 如何让导入的 css 字体/图标对 shadow dom 中的元素产生影响?

假设我想使用shadowdom创建一个自定义元素。模板中的某些元素具有在链接的css文件中指定的类名。现在我想让css规则对元素产生影响。但由于shadowdom样式边界,我无法实现。DreamLineTourBlogContactErrorSearchvarimportDoc=document.currentScript.ownerDocument;varproto=Object.create(HTMLElement.prototype,{createdCallback:{value:function(){vart=importDoc.querySelector("#blog-hea

javascript - 如果不添加到 DOM,jQuery 发现在顶级元素中不起作用

我正在使用jQuery异步加载一些HTML:$.get(path,{},function(data){varresult=$(data);varresultSelector=result.find(selector);});result是一个有效的HTML包含我的选择器(在我的特定情况下,"#UsersAndRolesResults")。当我简单地输入result时,我可以看到它包含进入控制台,它在那里完全相同的ID,没有拼写错误或任何东西。然而,result.find(selector)返回0个元素。在我的具体示例中,这是result:并且:为什么?更新:我可以查询#UsersAnd

javascript改变数组中的元素

这个问题在这里已经有了答案:Howtoinsertanitemintoanarrayataspecificindex(JavaScript)(28个答案)关闭5年前。我有一个对象数组。然后我想添加另一个对象并将其粘贴到数组中已经存在的对象上。这意味着新对象的索引应该比我已经存在的对象大一,其余元素的索引应该增加一。例如:我有6个元素的数组我的新对象坚持使用索引=2的现有对象新对象进入一个索引为3的数组,之前索引大于2的所有对象现在都高一位我尝试将我的数组从索引=2开始分成两部分,推送我的新元素,然后再次加入,但我的代码无法正常工作。for(variinmyArray){if(myArr

javascript - 遍历数组,将每个值分配给 Javascript/Jquery 中的元素属性

我有一个数组:'imageIds':imageIds=["778","779","780","781","782"];我想在页面上找到类.preview-image的所有元素,我知道其中的数字将与数组的长度匹配。然后我想为第一个匹配元素分配一个值为imageIds[0]的数据属性“data-img-id”,为第二个匹配元素分配imageIds[1]等。因此最终结果将是转换为:.........etc在此:.........etc不太确定如何形成实现此目的的循环。 最佳答案 选择元素然后使用each循环遍历它们,它将当前元素的索引传递

javascript - 选择一个具有背景颜色的元素在 jQuery 中不起作用

请检查我的代码。检查背景颜色的条件不工作。https://jsfiddle.net/oL7tdL22/1/$(function(){$(".testing").each(function(){if($(this).css("background-color")=="rgb(255,193,0)"){alert("found");}else{alert("notfound");}});});TestTestTest当我们提醒背景色时,它就起作用了。但是我们无法匹配颜色。 最佳答案 您需要在rgb颜色代码中的每个逗号后添加一个空格,例如

javascript - 更改 Button 元素的类以显示/隐藏它

我正在尝试根据代码中的特定条件显示或隐藏按钮元素。我已使用display:none将按钮的默认css设置为“隐藏”它,然后添加一个将显示更改为display:block的类。HTML:SHOWCSS:#show{display:none;}#show.visible{display:block;}JS:vard=document.getElementById('show');d.className+="visible";我也试过:vard=document.getElementById('show');d.classList.add("visible");还有:documnet.get

javascript - 在 JavaScript 中计算元素宽度给出了错误的结果

文档中有一个简单的div,带有一些样式。它的width没有在HTML和CSS中设置。我尝试使用不同的方法在JavaScript中计算它的实际宽度:偏移宽度客户端宽度getBoundingClientRect().widthgetComputedStyle(element).getPropertyValue('width')但它们都没有返回可以在Chrome开发者工具中看到的实际宽度。这是演示此问题的代码:varresumeHeader=document.querySelector('#resume-header');varresumeHeaderComputedWidth=getCom

javascript - 在 Javascript 中使用 Set 删除重复项

我正在努力解决一些本应非常简单的问题。我有一组对象。我需要根据id属性从此数组中删除重复项。所以我想创建一个包含我的ID的Set,如下所示:letmyArray=[{id:10,other:"bla"},{id:15,other:"meh"},{id:10,other:"bla"}]letindexes=newSet();myArray.forEach(a=>indexes.add(a.id));console.log('indexeslist',indexes)但是indexes总是空的。我究竟做错了什么?谢谢。编辑:我选择@HyyanAboFakher作为正确答案,因为他是对的,但

javascript - 我希望切换元素的可见性 : should I start with class ="..." or style ="..."?

如果我在网页上有一个元素,我希望使用javascript显示和隐藏相当多的元素,将其设置为初始不可见的最合适方法是什么?...或...在大多数情况下,使用class="..."优于style="...",但我不认为它最适合这个案例。从语义上讲,我的元素不是隐藏元素,它只是一个将在页面首次加载时开始隐藏的元素。当我使用jQuery的show()和hide()方法时,这意味着它通常会处于这种状态:.....这对我来说显然是无稽之谈。另一方面,使用内联style="display:none;"感觉有点笨拙和硬编码。我知道这两种方法都可以完美运行并且用户永远不会变得更聪明,但是哪种模式违反设计