Comment restreindre la plage affectée avec jQuery?

Question

<table> 
... 
</table> 

<script type="text/javascript"> 
$(selecctor).click(...) 
</script> 

Ce qui précède doit être chargé dynamiquement par ajax.

Ce que je veux faire est de limiter la selector de sorte qu'il ne touche que les DOM dans le table ci-dessus it.I (ne peut pas attribuer un id au table)

EDIT

Pour la solution de Gumbo:

<div id="container"> 
</div> 
<table> 
.. 
</table> 

Je pense que pour le code html ci-dessus, il échouera, car $('table:last') n'est pas la nouvelle chargé table, mais le table après container

Answer 1

Vous pouvez pass a context element avec le second paramètre:

$("selector", $("table")).click(...) 

Ensuite, le sélecteur est évalué en fonction de ce contexte.

---

Modifier Essayez table:last pour sélectionner le dernier nœud ajouté:

$("selector", $("table:last")).click(...) 

Cela devrait fonctionner comme seuls les nœuds jusqu'à l'élément SCRIPT sont déjà ajoutés au DOM. Mais cela ne fonctionne que si vous appelez $ directement et non via $.ready ou $(document).ready.

Answer 2

Ajoutez une classe à la table.

<table class="myUniqueClass">...</table> 

$(".myUniqueClass").click(...); 

Answer 3

Vous devez montrer le html entier chargé via ajax, ainsi que le code html qui recevra le contenu chargé.

Mais, que vous chargez cette table dans un div # myCONTENT et en supposant qu'il n'y aura qu'un seul tableau:

$('#mycontent table:first').click(); 

Ou mieux, en supposant que devriez appeler votre javascript dans le rappel ajax et séparer les js et le code HTML

$('#mycontent').load('file.php',function(data){ 
var selector = $('table',data).eq(0); 
});