Javascript Jquery.find（）无法访问元素_Javascript_Jquery_Html

Javascript Jquery.find（）无法访问元素

javascript jquery html

Javascript Jquery.find（）无法访问元素,javascript,jquery,html,Javascript,Jquery,Html,我试图访问iframe中的元素，而.find（）无法选择任何元素。如果我访问.contents[0]我确实得到整个文档，但如果我尝试.find（“*”）或任何其他选择器，则返回一个空对象。两个html文件位于同一文件夹中 var iframe_all = $('#iframe_vote').contents().find( "*" ) var iframe_document = $('#iframe_vote').contents()[0] console.log(iframe_all) co

我试图访问iframe中的元素，而.find（）无法选择任何元素。如果我访问

.contents[0]

我确实得到整个文档，但如果我尝试

.find（“*”）

或任何其他选择器，则返回一个空对象。两个html文件位于同一文件夹中

var iframe_all = $('#iframe_vote').contents().find( "*" )
var iframe_document = $('#iframe_vote').contents()[0]

console.log(iframe_all)
console.log(iframe_document)

结果:

Object { length: 0, prevObject: {…} }

HTMLDocument file:///c:/Users/piero/OneDrive/Documents/Visual%20Studio%202017/Projects/marketPredictions/marketPredictions/vote.html
URL: "file:///c:/Users/piero/OneDrive/Documents/Visual%20Studio%202017/Projects/marketPredictions/marketPredictions/vote.html"
activeElement: <body>
alinkColor: ""
all: HTMLAllCollection { 0: html.no-js, 1: head, 2: meta, … }
anchors: HTMLCollection []
applets: NodeList []
baseURI: "file:///c:/Users/piero/OneDrive/Documents/Visual%20Studio%202017/Projects/marketPredictions/marketPredictions/vote.html"
bgColor: ""
body: <body>
characterSet: "UTF-8"
charset: "UTF-8"

Object{length:0，prevObject:{…}
HTMLDocumentfile:///c:/Users/piero/OneDrive/Documents/Visual%20Studio%202017/Projects/marketPredictions/marketPredictions/vote.html
URL:“file:///c:/Users/piero/OneDrive/Documents/Visual%20Studio%202017/Projects/marketPredictions/marketPredictions/vote.html"
活动元素：
alinkColor:“
all:HTMLAllCollection{0:html.no-js，1:head，2:meta，…}
主播：HTMLCollection[]
小程序：节点列表[]
baseURI:“file:///c:/Users/piero/OneDrive/Documents/Visual%20Studio%202017/Projects/marketPredictions/marketPredictions/vote.html"
bgColor:“
正文：
字符集：“UTF-8”
字符集：“UTF-8”

HTML:

您需要设置服务器环境才能使用iFrame，

文件：//

不是有效的域，并且会导致跨域验证问题

请记住，这两个页面需要托管在同一个域/服务器上

这是一个安全措施，这里有一些更多的信息：

您是否收到任何控制台错误？尝试将

iframe\u all

设置为仅包含内容（删除查找），并将

find

移动到另一个变体，即您发布的包装在文档准备功能中的js？尝试对该问题进行简单的演示，你可以发布现场片段，这是你正在处理的两个本地文件？谢谢。我会试试这个。但是请记住，iFrame内容和站点都需要在同一个域（服务器）中，才能如您所说匹配跨域验证。谢谢@PrzemekMarcinkiewicz我添加了这个提示来回答

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script type="text/javascript" src="jquery.js"></script>


        <link rel="stylesheet" type="text/css" href="css\vote.css">
    </head>
    <body>


        <a id = 'btnPlus' href="#plus">
            <span class="bg" id="plus"></span>
            <span class="symbol"></span>
          </a>
          <a class="button minus" id = 'btnMinus'href="#minus">
            <span class="bg" id="minus"></span>
            <span class="symbol"></span>
          </a>
          <span class="cancel">
            <a href="#">Clear</a>
          </span>

    </body>
</html>