使用jQuery來拉個桌子到iframe

Question

嗨昨天問過類似的問題，但在這裏不言而喻。

首先：所有的數據是在我的域名。所有數據都在同一個域中。加載iframe在同一個域中。謝謝。

僅供參考..表名是dactable，而div名稱是tablediv（如果你希望寫一些新的東西，什麼標籤我可以理解）。

現在使用的繼承人拉表的代碼IM。

$(window).on('load', function() // wait for load event, so the iframe is fully loaded in 
{ 
    var $iframe = $('iframe'); // assuming only one? You need to target the right iframe, perahps with iframe[src="/top_list.html"] if that's your only option 

    var $contents = $iframe.contents(); 
    var $main = $contents.find('.main'); 
    var $tbl = $main.next(); // now we have the table 

    $contents.find('*').hide(); // hide everything 
    $tbl.show(); // show table and... 

    var $parent = $tbl.parent(); // get/show all parents of the tbl 

    while($parent.length) 
    { 
    $parent.show(); // show parent 
    $parent = $parent.parent(); // move up the hierarchy 
    } 
}); 

現在我還需要刪除某些列。但似乎無法得到它的工作做更多的則1

而且它是如何知道目標是什麼表？

$('table tr').each(
    function(tr_idx,el){ 
     $(el).children('td').each(
      function(td_idx,el2){ 
       //i'm removing first columns.. 
       if(td_idx == 0){ 
        el2.remove(); 
       } 
     });//inner each 
});//outer each 

謝謝

Answer 1

使用jQuery的​​加載你想要的HTML到你選擇的div。你甚至可以選擇通過指定網址

$(function() { 

    $('#result').load('/top_list.html #table-id', function() { 

     $('#result table tr').each() { 
       //remove first td of each row 
       $(this).children('td').first().remove(); 
     }); 

    }); 

}); 

就這麼簡單之後提供#ID載入的HTML的一部分。它可以幫助這一切都是在同一個域太

---

爲了使這個多一點清晰，讓我們假設你有如下表

<table id="table-id"> 
    <tr> 
     <td>1</td> 
     <td>2</td> 
     <td>3</td> 
    </tr> 
    <tr> 
     <td>1</td> 
     <td>2</td> 
     <td>3</td> 
    </tr> 
</table> 

每一行的第一個單元被刪除，結果被放置在一個div中

<div id="result"> 
    <table id="table-id"> 
     <tr> 
      <td>2</td> 
      <td>3</td> 
     </tr> 
     <tr> 
      <td>2</td> 
      <td>3</td> 
     </tr> 
    </table> 
</div> 

Answer 2

試試這個代碼通過索引中刪除的行和列。

var removeRows(table, rows){ 
    // mark a row, which should be removed 
    $('tr', table).each(function(tr_idx){ 
     if(rows.indexOf(tr_idx) !== -1){ 
      // rows contains tr_idx 
      $(this).attr("remove"); 
     } 
    }); 
    // remove marked rows 
    $('tr[remove]', table).remove(); 
}, 
removeColumns(table, columns){ 
    // mark a column, which should be removed 
    $('tr', table).each(function(tr_idx){ 
     $('td', this).each(function(td_idx){ 
      if(columns.indexOf(td_idx) !== -1){ 
       // columns contains td_idx 
       $(this).attr("remove"); 
      } 
     }; 
    }); 
    // remove marked columns 
    $('td[remove]', table).remove(); 
}; 

... 
var table = $(something); 

// remove rows with indexes 1, 2 and 3 
removeRows(table, [1, 2, 3]); 

// remove columns with indexes 0 and 3 
removeColumns(table, [0, 3]);