Home/ Questions/Q 7979379
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T09:45:43+00:00

I saw an example here and checked how it works but i got an

  • 0

I saw an example here and checked how it works but i got an error – (See Title)

Do you know why?

This is the code (Its similar to the link):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!--

  Created using /
  Source can be edited via /eyeyu/edit

-->
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<title>Sandbox</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
body { background-color: #000; font: 16px Helvetica, Arial; color: #fff; }
</style>
</head>
<body>
  <table border="1">
    <tr><td>1</td><td>2</td><td>3</td></tr>
    <tr><td>4</td><td>5</td><td>6</td></tr>
    <tr><td>7</td><td>8</td><td>9</td></tr>
  <tbody>
</table>
<script>
$('td').click(function(){
    var colIndex = $(this).parent().children().index($(this));
    var rowIndex = $(this).parent().parent().children().index($(this).parent());
    alert('Row: ' + rowIndex + ', Column: ' + colIndex);
});
</script>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your code works just fine!

    The problem by all the tests performed may come by the absence of the jQuery library,
    see the live simulation link and print-screen.

    Also, this working Fiddle Example!

    As a side note:

    • You are missing a closing tag for tbody and have the opening tag
      out of order:

    UPDATE YOUR HTML TO THIS

    <table border="1">
  <tbody>
    <tr><td>1</td><td>2</td><td>3</td></tr>
    <tr><td>4</td><td>5</td><td>6</td></tr>
    <tr><td>7</td><td>8</td><td>9</td></tr>
  </tbody>
</table>
    • Your script tag is missing the type:

    UPDATE YOUR TAG TO THIS

    <script type="text/javascript">...</script>

    AND

    <script src="path_to_jquery.js" type="text/javascript"></script>

    EDITED :: To better consolidate this answer

    1. Link to live HTML file working!
    2. Link to live HTML file without the jQuery loaded, thus causing the error!
    3. Print-screen for those who don’t want to follow the link:

    enter image description here

    Note:
    As stated by cliffs of insanity on the comments, .ready() is not needed on this case since the jQuery code is located below the elements it selects!

    • 0