jQuery 加载 html - 如何返回最后一个表

标签 jquery html

我对 jQuery 有点陌生,但一直乐于尝试了解它可以执行的所有炫酷技巧。我正在尝试使用的当前功能之一是加载功能,用于从我们用于日常报告的网站获取天气报告。我使用的代码是

$(document).ready(function() {
$("#table").load("weather_url table");
});

这就像我预期的那样工作并返回所有表。我遇到的问题是没有一个表有 ID 标签,所以我得到了页面中的所有表。我只需要获取一张包含天气信息的表格。我不确定如何定位我需要的目标。没有身份证,这甚至可能吗?我也尝试过使用

$('table:last-child').show();

但它仍然显示所有表格。

最佳答案

您应该可以直接在 url 之后的选择器中执行此操作。请参阅此处的“加载页面片段”:http://api.jquery.com/load/

$(document).ready(function() {
    $("#table").load("weather_url table:last");
});

您还应该知道,如果您加载一个完整的页面并且只使用其中的一小部分,这对性能是不利的。那么最好将最后一个表分离到它自己的页面,并将其包含在原始页面中(最好是服务器端)。

关于jQuery 加载 html - 如何返回最后一个表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2116167/

相关文章:

javascript - 使文本看起来像用打字机打字一样

jquery - 我想使用 jQuery 来获取位置和第一个带有 window.location 的文件夹

javascript - jquery - 折叠/扩展 div?

java - java应用程序如何识别特定的浏览器?

jquery 数据属性随机工作

javascript - 使用 AVIF 图像格式从 Canvas 创建图像

javascript - iframe 在父窗口外加载

javascript - 如何绑定(bind)按钮(默认、悬停、事件状态)以交换 div 内容

html - 我将复选框用作图像 chk.jpg 它在 Google Chrome 中工作正常但在 Mozilla Firefox 中不工作?

html - 如何设置内部 <div> 的样式和结构以在移动设备上保持父级 <div> 的大小而不使用 px 作为尺寸