2017-03-15 110 views
0

我正在使用jQuery功能​​來加載頁面。有沒有辦法訪問加載頁面的元素

加載完成後,有沒有方法可以從源頁面訪問加載頁面中包含的html元素?

我發現的唯一方法是在URI中添加參數。有更好的方法嗎?

編輯

這裏是我想要寫代碼:

$('.openInDialog').click(function(e) { 
    var modal = $('#modal'); 
    var modalContent = $('#modal .modal-content'); 

    modal 
     .on('show.bs.modal', function() { 
      modalContent.load(e.currentTarget.href, function(){ 
       alert($(this).find('#firstName').html()); 
      }); 
     }) 
     .modal(); 

    e.preventDefault(); 
}); 

alert($(this).find('#firstName').html());返回一個空字符串行。

+2

你試過了什麼代碼? – Frxstrem

+0

_是否有一種方法可以在完成加載後從源頁面訪問包含在加載頁面中的HTML元素?_是的。 – j08691

+0

_「在URI中添加參數...」_ - 與使用[加載頁面片段](http://api.jquery.com/load/#loading-page-fragments)功能一樣?如果這與您的使用案例不符,您是否可以更詳細地發佈您需要做的事情? – War10ck

回答

1

假設你加載網頁內容到一個div一個id page

$("#page").load("page.html"); 

在這種情況下,你需要添加一個回調函數訪問添加元素與children()幫助:

$("#page").load("page.html", function() { 
    $(this).children(); // Selects everything that was loaded 
    $(this).children("span"); // Selects all loaded span elements 
    $(this).children(".test"); // Selects all loaded elements with test class 
}); 
相關問題