如何使用JQuery从表中删除行

时间:2012-12-10 18:55:42

标签: javascript jquery jquery-ui jsp

我有一个只有一行的表,其中包含class ='99999'的列。(其他行包含不同类的列,我无法为行设置id,因为此表是由显示生成的:表)。我试图删除包含class ='99999'的列的整行。看起来像这个部分:

$("td.99999").first().parent().remove();

无效。

这是html的样子:

<html>
<head>
<script type="text/javascript" src="/js/jquery-1.3.2/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        alert("I am here");
        $("td.99999").first().parent().remove();
    });
</script>
</head>

<table border="1">
    <tr >
        <th>category</th>
        <th>rank</th>
        <th>priority</th>
        <th>contact</th>
        <th>price</th>
        <th>tax</th>
        <th>total price</th>
        <th>shipping</th>
        <th>Net payment</th>
    </tr>
    <tr class="displaytagOddRow">
        <td class="99999">category 1</td>
        <td class="99999">99999</td>
        <td class="99999">something</td>
        <td class="99999">something</td>
        <td class="99999 alignRight">$3,433</td>
        <td class="99999 alignRight">$300</td>
        <td class="99999 alignRight">$3,733</td>
        <td class="99999 alignRight">$349</td>
        <td class="99999 alignRight">$4,082</td>
    </tr>
    <tr class="displaytagOddRow">
        <td class="3333">category 2</td>
        <td class="3333">3333</td>
        <td class="3333">something</td>
        <td class="3333">something</td>
        <td class="3333 alignRight">$3,433</td>
        <td class="3333 alignRight">$300</td>
        <td class="3333 alignRight">$3,733</td>
        <td class="3333 alignRight">$349</td>
        <td class="3333 alignRight">$4,082</td>
    </tr>
</table>
</html>

我做错了什么?

1 个答案:

答案 0 :(得分:1)

您已在脚本标记中添加了对jquery文件的引用,并且您正在编写代码的同一标记中。您必须将其放在另一个脚本标记中,如下所示:

     <script type="text/javascript">
           $(document).ready(function(){

                                         alert("I am here");
                 $("td.99999").first().parent().remove();


                                      });
     </script>

将以下代码保留为

   <script type="text/javascript" src="/js/jquery-1.3.2/jquery-1.3.2.min.js"></script>

它会正常工作......