2012-05-09 1 views
0

Я пытаюсь удалить тег HR из последней строки таблицы.Удалить метку HR из последней строки в таблице

Вот мой JQuery

$("#tableOptionResults tr:last td").find('hr').remove(); 

и вот тот же HTML:

<tr class="shadedRow"> 
    <td colspan="3"> 
    <hr /> 
    </td> 
</tr> 

Что мне не хватает?

Редактировать

Это, безусловно, моя вина. HR не был в последнем ряду. В итоге я использовал $('#tableOptionResults tr hr:last').remove();, чтобы он работал.

+0

Похоже на работу для меня http://jsfiddle.net/Fhx8a/ –

+1

Вы правы, Xyan, проблема в том, что hr не был последним , поэтому я сделал это вместо $ $ ('# tableOptionResults tr hr: last '). remove(); – Mike

ответ

3
$('#tableOptionResults tr:last-child hr').remove(); 
0

попробовать это:

$(".shadedRow").find('hr').remove() 
+1

Предположительно, могут быть другие строки с классом '.shadedRow', которые не являются * последней * строкой таблицы. Ответ недостаточен. –

2

Хотя вы могли бы упростить это, добавив hr к первоначальному селектором, это отлично работает для меня. Ряд вещей, чтобы быть уверенным:

  • У вас есть правильный идентификатор для таблицы, то есть <table id="tableOptionResults">
  • <hr /> вы пытаетесь удалить, безусловно, последний <tr> в приведенной выше таблице
  • Ваш HTML проверяет
+0

Ну, у меня есть яйцо на моем лице. Ты прав. Это не было в последних . Я закончил это: $ ('# tableOptionResults tr hr: last'). Remove(); и это сработало. – Mike

0

попробовать в качестве псевдо элемента

$("#tableOptionResults tr:last-child td").find('hr').remove();​

Смежные вопросы