Question

我有一个带有iframe和html文档的fancynox，其中包含表单。
我尝试访问表单的父DOM元素。表格的ID是“表格”
我试过了：

$("#form").get(0).parentNode    
document.getElementsByTagName('iframe').getElementById('form')  //TypeError  
document.getElementsByTagName('iframe').document  //undefined

如何访问表单？

Answer 1

$（'＃form'）是您案例中的表格。然而，它是jQuery节点，所以你需要在它上面使用jQuery函数......

有关选择器和可用API的更多帮助，请参阅jQuery文档 jQuery Docs

另外，如果你正在使用jQuery，你不需要做所有'getElementById'的东西，因为你可以通过jQuery选择器访问所有东西。

//A couple selector examples
$('#id')  //By Id
$('.class') //By Class
$('tag')  //By element tag
$('#id').next() //Get next element
$('#id').children() //list of child nodes
$('#id').find('#id2') //element id2 somewhere inside id1

为了完整性，这里有一些api示例

$('#id').css('background','red')  //Change background to red
$('#id').submit()  //if id element is a form, submit it
$('#id').val()  //if id element is an input, get its value
$('#id').text() //the text of an element
$('#id').hide() //hide the element
$('#id').show() //show the element

Answer 2

这应该做你想要的：

http://api.jquery.com/insertAfter/

jQuery访问DOM元素

2 个答案: