Question

143

Javascript onClick event in all cells

rated 0 times [ 147] [ 4] / answers: 1 / hits: 34461 / 11 Years ago, thu, october 3, 2013, 12:00:00

I'm learning JavaScript and I've not that much experience.
But I'm making a HTML table and I want to add in every table cell (<td>) a onClick event.

<table id=1>

    <tr>

        <td onClick=tes()>1</td><td onClick=tes()>2</td>

    </tr>

    <tr>

        <td onClick=tes()>3</td><td onClick=tes()>4</td>

    </tr>

</table>

Is there another way to do this event in every cell?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

alejandro

Add To Favorites

Follow

Total Points: 231

Total Questions: 102

Total Answers: 107

Location: Jordan

Member since Wed, Jun 17, 2020

4 Years ago

alejandro questions

1 Discord.js v13 code breaks when upgrading to v14

Mon, Jul 18, 22, 00:00, 2 Years ago

1 React Image Magnifiers not working when zoom in using nextjs

Fri, Sep 18, 20, 00:00, 4 Years ago

1 Discord.js bot responds when mentioned

Thu, Sep 10, 20, 00:00, 4 Years ago

1 how to get input field value on button click in Vuejs or in vanila javascript?

Sun, Aug 9, 20, 00:00, 4 Years ago

1 How do I set a user's voice channel when I have the user's id?

Thu, May 21, 20, 00:00, 4 Years ago

View All

answered 11 Years ago halleyb · Accepted Answer

There are two ways:

var cells = table.getElementsByTagName(td); 

for (var i = 0; i < cells.length; i++) { 

   cells[i].onclick = function(){tes();};

}

and the other way using jQuery:

$('td').click(function(){tes();});

upd:

To get exactly what is needed, firstly the table must be selected, so, for the first option:

var table = document.getElementById('1');

var cells = table.getElementsByTagName(td); 

...

and for the second, the jQ selector should be like this:

$('#1 td')