匿名質問者回答ポイントなし

jQuery.ajax()で外部HTMLファイルを読み込み、要素を取得したいのですが、最上層の要素を取得することが出来ません。

・jsファイル
---------------------------------------------------------------------------
$("#button").click(function() {
$.ajax({
type: 'GET',
url: 'file.html',
dataType: 'html',
success: function (data) {
console.log($('div', $(data)));
},
});
});
---------------------------------------------------------------------------

・file.html
---------------------------------------------------------------------------
<div class="test">test</div>
---------------------------------------------------------------------------

ちなみに、以下のようにdiv.testをdivでさらに囲んでやると取得することが出来るようです。

---------------------------------------------------------------------------
<div class="wrap">
<div class="test">test</div>
</div>
---------------------------------------------------------------------------

jQueryのバージョンは1.11、ブラウザはSafari 7.05を使用しています。

どのようなスクリプトで最上層の要素を取得することができるのでしょうか？

ログインして回答する

ベストアンサー

匿名回答1号2014/08/15 16:18:30
```
$(function() {
    $("#button").click(function() {
        $.ajax({
            type: 'GET',
            url: 'file.html',
            dataType: 'html',
            success: function (data) {
                console.log($(data));
                },
            });
    });
});
```
- 1件のコメントを見る
- 匿名質問者 2014/08/17 23:38:35
  回答ありがとうございます。
  $(data)でjQueryオブジェクトに変換した場合、ルートノードがdiv.testになってしまい、find()などで検索をかけるとルートノードの子孫の中から検索するようです。
  
  今のところ解決策として、質問にも書いてある通りdivなどで囲んでやる（ルートノードを作る）ことでdiv.testを取得するか、
  newDoc = document.implementation.createHTMLDocument(title);
  みたいな感じでDocumentオブジェクトを生成して、その中にdataを入れてやることでしか対応できないのかなと思っております。
  
  初めて人力検索を利用させて頂きまして、匿名で質問させて頂いたのですが匿名でない方がご回答を頂きやすいかなと思い、以下ページで質問し直しました。
  
  http://q.hatena.ne.jp/1408208784

jQuery.ajax()で外部HTMLファイルを読み込み、要素を取得したいのですが、最上層の要素を取得することが出来ません。

ベストアンサー

匿名回答1号2014/08/15 16:18:30

匿名質問者 2014/08/17 23:38:35

その他の回答

この質問へのコメント

この質問への反応（ブックマークコメント）

質問の情報

この質問のカテゴリ

この質問に含まれるキーワード

人気の質問

メニュー

PC版