将有序列表放在表格行 <tr> 中。是否可以？

Question

我在这里有一个放置有序列表的示例代码（1,2,3 ...）：

这是我的 JScipt：

<script type="text/javascript">
    $(document).ready(function() {
    $("ul").each(function() {
     $(this).find("li").each(function(count) {
        $(this)
          .css("list-style-type", "none")
          .prepend("<div class='listnumber'>" + (count + 1) + ".</div>");
     });
  });
  })    
</script>

对于 HTML，简单如下：

<ul>
  <li>CSS</li>
  <li>CSS3</li>
  <li>PHP</li>
  <li>CakePHP</li>
 </ul>

对于 CSS：

<style type="text/css">
 .listnumber
 {
    display: inline-block;
    padding-right: 3px;
 }
</style>

使用： 1.9.1.js 这完美地工作。我想要的是如何对表中的所有数据进行编号。或者如何把标签<ul><li></li></ul>放在里面<tr><td></td></tr>

我试过了：

<ul> 
    <li>
      <tr>
        <td>
          CSS
        </td>
      </tr>
   </li>

   <li>
      <tr>
        <td>
          CSS3
        </td>
      </tr>
   </li>

   <li>
      <tr>
        <td>
          PHP
        </td>
      </tr>
   </li>

   <li>
      <tr>
        <td>
          CakePHP
        </td>
      </tr>
   </li>

  </ul>

但是编号不起作用。这是为什么？让我理解对我来说是另一种学习。提前致谢。

Answer 1

<table>
    <tr><td class="nr"></td><td>This</td></tr>
    <tr><td class="nr"></td><td>should</td></tr>
    <tr><td class="nr"></td><td>work...</td></tr>   
</table>

<script type="text/javascript">
    var a = document.getElementsByClassName("nr");
    for (var i = 0; i < a.length; i++) {
        a[i].innerHTML = (i+1)+".";
    }
</script>