Как удалить строку в таблице при клике?

Question

[Ilya Bobkov]

Вопрос! Как удалить строку в таблице при клике?

Answer 1

[Сергей Иванов]

$('table').on( 'click','td',function(){
  $(this).parent().remove()
})

Comments

[Андрей]

а почему не так например?
$('table td').on( 'click',function(){
$(this).parent().remove()
})

[Сергей Иванов]

Андрей: habrahabr.ru/post/52201 12 пункт

[Сергей Иванов]

Андрей: да да код старый, но по поводу селекторов есть подобная статья, даже с приведением таблицы скорости, но найти так и не смог.

[Андрей]

Сергей Иванов: Спасибо за наводку видимо никогда просто не встречался с большим количеством элементов в наборе. проверил codepen.io/anon/pen/JdVYBm

[Андрей]

Сергей Иванов: хоть эти цифры и не дают в инициализации особой разницы

[Сергей Иванов]

Андрей: я раньше уделял много времени утечкам памяти и пришлось взять в привычку использовать данный подход. Где то критично, где то не очень. Был случай, когда надо было выгрузить большой список меню ~10000 пунктов и на каждый повесить событие на загрузку дочерних элементов и так дальше по дереву. И на таких вот скриптах за каждый байт война)

[Сергей Иванов]

Андрей: там начинаешь использовать по полной и next и prev и по дереву ползать уже только через parent и closest , а не через селекторы.

[Андрей]

Сергей Иванов: о боги, даже представить не могу такое меню ))

[Сергей Иванов]

Андрей: jsperf.com/jquery-parents-vs-closest/20

Answer 2

[Андрей]

$('table tr').on( 'click',function(){
  $(this).remove()
})