0

クラス .ui-icon-trash を持つ各要素に、データテーブル オブジェクト (これは既に持っています) と削除する必要がある行を提供する必要があるクリック ハンドラーを追加したいと考えています。要素を反復してクリックハンドラーを追加する方法がわかりません。また、反復ごとに現在の tr を取得する方法もわかりません。

 $(".ui-icon-trash").click(function(){
        deleteRowFromTable(oTable, ????The TR of the current element????);          

    });

これが私のテーブルです

        <table id="table_id" class="display">
        <thead>
            <th>Property</th>
            <th>Value</th>      
            <th></th>
        </thead>
        <tbody>
            <button id="create-property">Create new property</button>

            <tr >
                <td>mailAddress_object</td>
                <td id="mailAddress_object" >Message from SendALL 2.5</td>      
                <td><span class="ui-icon ui-icon-trash" id="deleteRow_1" name="mailAddress_object"></span></td>                     
            </tr>       

            <tr >
                <td>mjmj</td>
                <td id="mjmj" >xcvxcv</td>      
                <td><span class="ui-icon ui-icon-trash" id="deleteRow_2" name="mjmj"></span></td>                       
            </tr>       

            <tr >
                <td>olol</td>
                <td id="olol" >kjkkjk</td>      
                <td><span class="ui-icon ui-icon-trash" id="deleteRow_3" name="olol"></span></td>                       
            </tr>       

            <tr >
                <td>plsUrl</td>
                <td id="plsUrl" >http://komm2.srs-management.de</td>        
                <td><span class="ui-icon ui-icon-trash" id="deleteRow_4" name="plsUrl"></span></td>                     
            </tr>       

            <tr >
                <td>scPwd</td>
                <td id="scPwd" >sysadm</td>     
                <td><span class="ui-icon ui-icon-trash" id="deleteRow_5" name="scPwd"></span></td>                      
            </tr>       

            <tr >
                <td>smtp</td>
                <td id="smtp" >YOUR_MAILSERVER</td>     
                <td><span class="ui-icon ui-icon-trash" id="deleteRow_6" name="smtp"></span></td>                       
            </tr>       

            <tr >
                <td>test</td>
                <td id="test" >test3</td>       
                <td><span class="ui-icon ui-icon-trash" id="deleteRow_7" name="test"></span></td>                       
            </tr>       

            <tr >
                <td>useEncryption</td>
                <td id="useEncryption" >false</td>      
                <td><span class="ui-icon ui-icon-trash" id="deleteRow_8" name="useEncryption"></span></td>                      
            </tr>       

        </tbody>    
        </table>
4

1 に答える 1

2

これを試して

$("body").on('click', ".ui-icon-trash" ,function(){

    var $closestTr = $(this).closest('tr');  // This will give the closest tr
                            // If the class element is the child of tr          

     $closestTr.remove() ;  // Will delete that
 });

スパン内にテキストを追加する必要があります。そうしないと、スパンが表示されません。スパンに削除テキストを追加しました。with class .ui-icon-trash

フィドルを確認してください

于 2012-10-19T22:11:31.970 に答える