jQuery父对象(“tr”）淡出不起作用

jQuery parents("tr") fadeout not working

本文关键字：淡出不起作用 tr 对象 jQuery 更新时间：2023-09-26

所以我试图创建一个带有class"delete"父tr元素的fadeOut效果。

这是我的jsfiddle，你可以在那里实时查看它-http://jsfiddle.net/syTXZ/

代码在这里-

HTML-

<table border="1px solid black">
    <thead>
        <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Parent</th>
            <th>Edit</th>
            <th>Delete</th>
        </tr>
    </thead>
    <tbody>
            <tr>
                <td>2</td>
                <td>test222</td>
                <td>test2</td>
                <td><a href="#" categoryID="1" class="edit">Edit Category</a></td>
                <td><a href="#" categoryID="1" class="delete">Delete Category</a></td>
            </tr>                                                    
            <tr>
                <td>1</td>
                <td>te1t22</td>
                <td>tes1t</td>
                <td><a href="#" categoryID="1" class="edit">Edit Category</a></td>
                <td><a href="#" categoryID="1" class="delete">Delete Category</a></td>
            </tr>  
            <tr>
                <td>3</td>
                <td>test2</td>
                <td>test</td>
                <td><a href="#" categoryID="1" class="edit">Edit Category</a></td>
                <td><a href="#" categoryID="1" class="delete">Delete Category</a></td>
            </tr>          
    </tbody>
</table>

和js-

$("a.delete").click(function() {
    $(this).parents("tr").fadeOut(300);
}

但它不起作用，有线索吗？我也尝试了parent（）而不是parents（），但它也不起作用。

更新了修复程序：jsFiddle

您缺少);

 $("a.delete").click(function() {
     $(this).parents("tr").fadeOut(300);
 }

应该是

 $("a.delete").click(function() {
     $(this).parents("tr").fadeOut(300);
 });

$("body").delegate("a.delete","click",function() {
    $(this).parent().parent().fadeOut(300);
});

演示

应该是

$("a.delete").click(function() {
     $(this).parents("tr").fadeOut(300);
 });