jquery id attribut selector

Question

J'ai un <div id="mainDIV"> qui contient un <table> dans lequel <thead> et <tbody> sont présents.

En fait, je suis en train ces sélecteur

$("#mainDIV > tbody").on("click", function(){ 
    alert("test"); 
} 

afin que chaque fois que l'on clique dans la <tbody>, cette alerte doit être affichée. Mais ça ne fonctionne pas. Quelqu'un peut-il s'il vous plaît me suggérer une solution pour cela.

---

J'ai essayé le dessous d'un mais ca marche pas ...

$("#mainDIV tbody").on("click", function(){ 
    alert("test"); 
} 

C'est ma partie du code des thats ne fonctionne pas ..

$("#ui-datepicker-div tbody").on("click", function(){ 
       alert("test"); 
}); 

Answer 1

Vous devez utiliser l'espace blanc au lieu de >:

$("#mainDIV tbody").on("click", function(){ 
    alert("test"); 
}); 

Live DEMO

sélecteur descendant ("ancestor descendant") docs:

Description: Sélectionne tous les éléments qui sont descendants d'un ancêtre donné.

Sélecteur enfant ("parent > child") docs:

Description: Sélectionne tous les éléments enfants directs visés par "enfant" d'éléments spécifiés par "parent".

Answer 2

$('#mainDIV tbody').click(function() { 
    alert("test"); 
});