Tag: dom

如何知道子元素时如何在jQuery中获取父元素？: 我正在使用jQuery Mobile为你创建了很多DOM。我需要删除（）单选按钮，但根据如何在jQuery Mobile中构建HTML，我没有父div的id。我可以很容易地抓住输入和标签，但还需要摆脱我们的div来完全删除单选按钮列表中的条目样式。 Foo

jQuery追加DOM: jQuery.append（）的所有示例似乎都采用了一个html字符串并将其附加到容器中。我的用例略有不同。我的服务器返回一个包含要显示的HTML文本的XML，如： This is an event This is the body of the event 我有一个div，需要显示这些内容。我的JS目前执行以下操作：在$ .ajax（）成功处理程序中将XML数据加载到jQuery中： var jData = $（data）; 找到内容标记并尝试将其子项添加到应该显示事件的div： var contents = jData.find( “contents” ); if( contents != null ) { $( contents ).children().each( function( index, value ) { $( “#eventDiv” ).append( $( value ) ); }); } append（）调用失败并显示Uncaught Error： Chrome上的WRONG_DOCUMENT_ERR：DOMexception4 […]

javascript：如何在另一个div的“开始”中追加div: 我有一个div，我想在其中添加另一个div。但是，通过使用appendChild()它总是在容器元素的末尾插入DOM元素。但我想在容器div 开头插入它。怎么做到这一点？ var newDiv= document.createElement(‘div’); newDiv.innerHTML = “”; var item = document.getElementById(‘containerDivId’); item.appendChild(newDiv);`

使用Javascript列出已知的CSS类: 我正在尝试找到一种很好的方法来收集给定文档中包含的样式表中定义的类的名称。我知道document.StyleSheetList但它似乎并不容易解析。我正在寻找的是类似于样式表文档，例如： .my_class { background: #fff000; } .second_class { color: #000000; } 我可以提取像[“my_class”, “second_class”]这样的数组。这显然假设了满载的dom和样式表的有利场景。我一直在寻找一个好的方法来做这样的事情到目前为止，没有取得什么进展。有没有人知道如何解决这个问题？谢谢！

与jQuery的相反.Closest（Top / Far-Most？）: 我有一个包含许多子菜单的代码，它们共享相同的类名。这是一个结构： .menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .elem .elem .sub-menu 请注意， .sub-menu可能是无限级别的深度。那么我该如何实现这一点：当单击.elem时，我想向上.elem DOM，直到达到最顶部的.sub-menu并对其应用样式。我知道.closest()和.parent()和.find() ，但我不知道jQuery是否有像.topMost(selector)这样的function？我能想到的唯一方法是运行一个循环并通过新元素的.closest(‘.sub-menu’) ，直到它的长度为零（没有更多的父级有这个类，所以它必须是顶级的-最）。但是，我认为应该有一个更实际的方法。

获取选择器的元素路径: 遇到麻烦，基本上试图创建一个可以用作选择器的变量。例如 $(‘a’).click(function(){ var selector = $(this).dompath(); }); HTML： html body div div /div /div ul li li /ul div ul li li li hello world /ul /div body html 这将返回类似的东西 path = html body div ul li:contains(‘hello world’) 然后我可以在选择器中使用它来选择这个div，所以如果我喜欢 $(path).text() would return “hello world” 非常感谢！

FireFox中的`complete`属性有哪些变通方法？: 我试图使用jQuery来确定图像是否已正确加载。以下工作正常（并且从图像状态返回true或false ）但似乎只在IE中工作，在FireFox中，它似乎总是返回true – 即使状态实际上是不完整的： var image = $(“img#myImage”); alert(image[0].complete); Firefox或jQuery中的image.complete的Firefox等价物是什么？

在将DOM元素添加到文档之前操作它们: 我只是想知道在将元素附加到DOM之前是否有一个干净的实现来获取元素。示例（w / jQuery）： var html = “Hello!”; var innerDiv = $(html).find(‘.innertest’); 我觉得这是不可能的，但我想看看是否有任何实现允许这一点 – 因为这对于类和分离来说非常好。编辑：我想知道这是否可行。我的意思是干净，它不像字符串替换或黑客攻击。这不是我制作它们的情况。如果我可以制作它们，我会随便创建变量。我有一个情况，我有这个html字符串，我想找到元素和操作之前我将它附加到我的页面。

如何判断元素是否与选择器匹配？: 假设我有一个DOM元素 – 如何判断它是否与jQuery选择器匹配，例如p或.myclass ？使用选择器来匹配元素的子元素很容易，但是我想要这个特定元素是否匹配的真/假答案？该元素可能没有ID（并且由于其原因我无法将其分配给它），因此我无法将我的选择器应用于元素的父级，并查找与我的ID相同的子级。这会按预期工作吗？我无法弄清楚Javascript对象的比较。 $(selector, myElement.parentNode).each({ if (this == myElement) // Found it }); 似乎有一种简单的方法来查看DOM元素是否与jQuery选择器匹配…

在jQuery中检索文档的父iframe: 我有一个带有iframe的页面，其中包含一个html文档。我需要从那个子文档中访问iframe的id，并且没有运气使用jQuery。基本结构是在我的页面内：在我的javascript方法中，我可以使用jQuery选择器获取标签中的任何内容，但无法检索iframe元素以调整其大小。我已经尝试过一些东西，但我确实不是jQuery DOM导航方面的专家，特别是在涉及iframe的情况下（iframe与包含页面位于同一个域中。）有没有办法可以做到这一点？