javascript - 将有序列表放在表格行 <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>