Javascript 如何加载此JS代码要处理的外部HTML内容？

通过另一个用户的帮助，我得到了下面的JSFIDLE，它查看一个表并删除我不需要的列

我想做的是从一个外部文件加载HTML（实际上是一个aspx文件），而不是在同一个页面上操作HTML——就像上面的链接一样

我在离线/客户端进行此操作，因此PHP是不可能的，并且aspx文件与我的页面不在同一位置

我是一个初学者，因此非常感谢JSFIDLE示例

非常感谢

您可以使用

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

其中#elem是要放置外部url内容的HTML元素的id

请勾选此项，例如：

---

我建议在将过滤后的表附加到页面之前，使用前面的答案过滤掉不需要的列：

$(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
        });

});

---

.

请在发布前仔细研究您的代码。。。像这样：@BramVanroy感谢您的阅读，但我之所以将其安排为问题中的链接，是因为fiddle的HTML部分正是我从aspx文件中得到的。也许我应该在问题中说得很清楚？谢谢你的回答，你能不能用源HTML将它放到一个新的JSFIDLE中？谢谢。我已将其复制到本地文件，但它似乎无法脱机工作-您是否知道这是为什么？是因为源HTML必须在同一目录中吗？？？谢谢这可能是因为JavaScript的实现，用于阻止一个网站上的脚本调用另一个网站上的脚本，以防止恶意脚本。如果两个页面都在本地主机上的同一目录中，那么它们应该可以工作。感谢您的回复！我以前听说过，恐怕不可能把它们放在同一个目录中。有什么想法/解决方法吗？它们必须在同一台主机上，只要它们在同一台服务器上，无论是否在本地主机上，它们都应该工作。