jQuery load html - comment obtenir la dernière table retournée

Question

Je suis un peu nouveau à jQuery, mais je me suis amusé à essayer d'apprendre toutes les astuces cool qu'il peut faire. L'une des choses que j'essaie d'utiliser actuellement est la fonction de chargement pour obtenir un rapport météorologique de l'un des sites que nous utilisons pour les rapports quotidiens. Le code que j'utilise est

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

Cela fonctionne exactement comme je l'espérais et renvoie toutes les tables. Le problème que j'ai est qu'aucune des tables n'a une étiquette d'identification, ainsi j'obtiens tous les tableaux dans la page. Je n'ai besoin que d'une seule table contenant les informations météo. Je ne suis pas sûr de savoir comment cibler celui dont j'ai besoin. Est-ce possible même sans ID? J'ai également essayé d'utiliser

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

Mais il montre toujours toutes les tables.

Answer 1

il y a une fonction jquery qui vous donne le nième élément

http://api.jquery.com/eq-selector/

Answer 2

Utilisez

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

Je suppose que la visibilité de toutes les tables chargées sont cachées et vous voulez juste montrer la dernière table.

Answer 3

Vous devriez être en mesure de le faire directement dans le sélecteur après l'URL. Voir « fragments de page de chargement » ici: http://api.jquery.com/load/

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

Vous devez également savoir qu'il est mauvais pour la performance si vous chargez une page complète et utilisez seulement une petite partie de celui-ci. Ensuite, il serait préférable de séparer la dernière table à sa propre page, et inclure (de préférence côté serveur) que dans la page d'origine.

Answer 4

essayer

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

- AJOUTÉEédité -

si vous rencontrez des problèmes avec la source html non structurée, vous pouvez aussi essayer:

$("#table").load("weather_url table:contains('unique text for filter')"); 

cette obtiendra une table qui contient 'texte unique pour le filtre'.

plus d'utilisation: contains() here.