1

私のテーブルでは、最初の行の td に画像が含まれています。画像をクリックすると、jQuery を使用して画像の下の列 (td) 全体を削除したいと思います。

これどうやってするの？

<table  border="1" >  
        <tr>
        <td >
        <img  src="addButton.jpg" id='addButton' />
        </td> 
        <td >
        <img  src="addButton.jpg" id='addButton' /></td>
        </tr>
        <tr>
        <td >Result1
        </td> 
        <td >Result2</td>
        </tr>
        <tr>
        <td >Result1
        </td> 
        <td >Result2>/td>
        </tr>
    </table>
4

2 に答える 2

2

私が考えることができる1つの一般的な方法。

$("td img").click(function() {
    var $td = $(this).closest("td");
    var index = $td.index() + 1;
    $td.closest("table").find("td:nth-child(" + index + ")").remove();
});​
于 2012-12-31T12:22:38.580 に答える
1

他の場所に適用されていないのと同じクラス名をtdに付けます。後で

$(image).Click(function(){
     $('.classname').remove();
});
于 2012-12-31T12:19:50.547 に答える