0

別のユーザーの助けを借りて、テーブルを見て不要な列を切り取る次の JSFiddle があります。

http://jsfiddle.net/9qme9/

私がやりたいのは、上記のリンクの場合のように、同じページで HTML を操作するのではなく、外部ファイルから HTML (実際には aspx ファイル) を読み込むことです。

私はこれをオフライン/クライアント側で行っているため、PHP は問題外であり、aspx ファイルは私のページと同じ場所にありません。

私は初心者なので、JSFiddle の例をいただければ幸いです。

どうもありがとう

4

2 に答える 2

1

あなたが使用することができます

 $("#elem").load("url.aspx");

#elem は、外部 URL のコンテンツを配置する HTML 要素の ID です。

たとえば、これを確認してください： http://jsfiddle.net/9qme9/5/

于 2012-07-08T12:26:26.417 に答える
1

フィルター処理されたテーブルをページに追加する前に、不要な列をフィルター処理するための以前の回答を組み込んだ次のことをお勧めします。

$(document).ready(function() {

    //define which column headers to keep
    $("#gvRealtime")
        .load("http://fiddle.jshell.net/UqZjt/show/", function(response, status, xhr){
            var html = $(response),
                table = html.find('#gvRealtime'),
                headersToKeep = ['---', 'C6', 'C7', 'C13', 'C14'],
                colsToKeep = [],
                ths = table.find('th');

            $.each(headersToKeep, function(i, v) {
                //finds each header and adds its index to the colsToKeep
                colsToKeep.push(ths.filter(function() {
                    return $(this).text() == v;
                }).index());
            });

            //makes a new jQuery object containing only the headers/cells not present in the colsToKeep
            $('th, td', '#gvRealtime, #gvTotal').filter(function() {
                return $.inArray($(this).index(), colsToKeep) == -1;
            }).hide(); //and hides them
        });

});

JS フィドルのデモ。

于 2012-07-08T13:15:26.970 に答える