1

だから私はクラス「削除」親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()の代わりにparent()も試しましたが、うまくいきませんでした。

4

3 に答える 3

6

修正で更新: jsFiddle

あなたが行方不明だった);

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

する必要があります

 $("a.delete").click(function() {
     $(this).parents("tr").fadeOut(300);
 }​);
于 2012-08-04T07:59:43.813 に答える
1 
$("body").delegate("a.delete","click",function() {
    $(this).parent().parent().fadeOut(300);
}​);
于 2012-08-04T07:58:43.293 に答える
0

デモ

そのはず

$("a.delete").click(function() {
     $(this).parents("tr").fadeOut(300);
 }​);
于 2012-08-04T08:05:12.090 に答える