0

次のようなテーブルがあります。

<table>
    <tbody>
        <tr>
            <td width="50">
                <img title="Image1" 
                     src="images/image1.png" onclick="dosomething()">
            </td>
            <td width="50">
                <img title="Image2" src="images/image2.png" 
                     onclick="dosomethingelse()">
            </td>
        </tr>
    </tbody>
</table>

<td>Image1 を含むを削除したい。私はjQueryで画像自体を削除できることを知っています

$( "img[title='Image1']" ).remove();

<td>しかし、その画像とその列が存在しなかったかのようにテーブルを折りたたむために、内容とその幅を核にしたい...

から含まれている要素にバックアップする方法はあり$("img[title='Image1']")ますか? または、テーブル全体 (巨大になる可能性があります) をループしてこれを検索する必要がありますか?

4

6 に答える 6

2

私は一緒に行きます

$("img[title='Image1']").closest('td').remove();

または他の人が言及するように：

$("img[title='Image1']").parent().remove();
于 2013-03-01T19:14:59.853 に答える
1

できます$("img[title='Image1']").parent().remove();。これにより、画像を含むセルが削除されます (画像が常にセルの直接の子孫であると仮定します)。

于 2013-03-01T19:14:24.880 に答える
1

.parent()するべきです。

$("img[title='Image1']").parent().remove();

個人的には、画像に ID を付けて使用します:

var toremove = document.getElementById('imageid').parentNode;
toremove.parentNode.removeChild(toremove);
于 2013-03-01T19:14:30.760 に答える
1

使用.parent():

$( "img[title='Image1']" ).parent().remove();

ドキュメントから：

.parent( [selector ] )
一致する要素の現在のセット内の各要素の親を取得します。オプションでセレクターによってフィルター処理されます。

于 2013-03-01T19:14:30.770 に答える
1 
$( "img[title='Image1']" ).parent().remove();

これはあなたが望むことをするはずです..

于 2013-03-01T19:14:59.573 に答える
1

これにより、クリックされた画像に基づいて列が削除されます。

$('table img').click(function() {
  $(this).closest('td').remove();
});
于 2013-03-01T19:17:20.167 に答える