jQuery .click funktioniert nicht auf < td > tag?

Question

Also ich eine Tabelle mit Javascript und jQuery erstellen, und ich will es so, dass, wenn Sie auf die TD in der ersten Zeile der Tabelle klicken, dann der Rest der TDs in dieser Spalte Dropdown. Lassen Sie mich versuchen, es zu erklären, indem Sie meinen Code zeigen. Hier ist mein Javascript:

function createTr (heights) { //heights is just an array of words 
    for (var h=0; h<heights.length; h++) { 
     var theTr = $("<tr>", { id: "rowNumber" + h}); 
     for (var i=0; i<heights.length-3; i++) { 
      theTr.append($("<td>", { "class": "row"+h + " column"+i, 
            html: heights[h][i] 
            })); 
     } 
     $('#newTable').append(theTr); // append <tr id='rowNumber0'> to the table (#newTable), which is written in the html 
    } 
} 

Dies schafft im Grunde TDs und jedes td ähnelt diesem Format

<td class="rowh columni"> 

Ich will es so, dass alle TDs versteckt sind mit Ausnahme des TDs in .row0 und wenn Sie klicke auf die td in .row0 .columni, dann erscheinen alle tds in .columni. Der Parameter ‚Höhe‘ ist jsut einer Anordnung, zum Beispiel, kann es

var heights = [['headerOne', 'headerTwo'], ['someTd', 'anotherTd'],]; 

sein, und es wäre die Verwendung einer Tabelle, diese Worte zu erstellen, headerOne und headerTwo in der ersten Reihe sein würde, someTd und anotherTd würde in der sein zweite Reihe.

Jetzt, wenn ich versuche,

wie so

function animation() { 
    $('td').click(function() { 
     alert('clicked'); 
    }); 
} 

eine Klick-Funktion hinzuzufügen, und es dann wie in meiner document.ready Funktion aufrufen, so

$(document).ready(function() { 

    createTr(heights); 
    animation(); 
}); 

es macht nichts, wenn ich klicke auf einen td. Woher?

Answer 1

http://api.jquery.com/on/

Da Sie die Elemente erstellen, nachdem das DOM erstellt wurde. Verwenden Sie den Schalter "on", um das präzise Element zu erhalten, das dynamisch erstellt wird.

Von der URL:

$("#newTable").on("click", "td", function() { 
    alert($(this).text()); 
    }); 

Answer 2

wie diese versuchen:

$('body').on('click','td', function() { 
     alert('clicked'); 
    }); 

Answer 3

dieses versuchen

function animation() { 
    $(document).on('click','td',function() { 
    alert('clicked'); 
    }); 
} 

Answer 4

Dieser Code funktioniert gut:

$(document).ready(function(){ 
    $("td").click(function(){ 
     if(this.title!=""){ 
      alert(this.title); 
     } 
    }); 
}); 

Answer 5

Ich mag das.-

$("#table tr").click(function(){ 
    console.log(this); 
});