My first jQuery line doesn't work.

Hi--

I just read the jQuery documentation today, and my very first jQuery line doesn't work. The JavaScript works, but my new jQuery line doesn't. Can you please help me understand why?

Here's my code that works:

Starting with an empty table...

    <table id="PUploads">
        <caption>Pending Partial Uploads<br />
            Choose any row for further action.
        </caption>
        <tr>
            <th style="width:10px">#</th>
            <th style="width:150px">File Path<br />on S3</th>
            <th style="width:80px">Initiator</th>
            <th style="width:100px">Parts<br />Uploaded</th>
        </tr>
    </table>

I built it row-by-row with a click handler for each row...

        PUploads = document.getElementById("PUploads");
        PUplRow = PUploads.insertRow(-1);
        PUplRow.onclick = function(event){
            heClickedOnRow(event,i + 1);
        };

Then, in the handler,...

function heClickedOnRow(evt,n) {
console.log("He clicked on row " + n); //works
$("table").children().off("click"); //don'work
};

The JavaScript works, in that I get the correct row number on the console, but I had intended for the new jQuery statement to turn off all click handlers in the table, so that, after the first click, further clicks would do nothing.

It doesn't. Every click on the table produces a new console line with the correct row number, just as though the jQuery line were not there.

I tried a few variations, including .one() and .each(), but none of my variations worked. I must be missing something.

Can you help me see what it is?

--Gil

Topic Participants
gildawson
jakecigar

My first jQuery line doesn't work.

My first jQuery line doesn't work.

Topic Participants

gildawson

jakecigar