Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.01.2016, 22:45
Интересующийся
Отправить личное сообщение для ivt22 Посмотреть профиль Найти все сообщения от ivt22
 
Регистрация: 03.01.2016
Сообщений: 12

Удалить строку из таблицы.
Добрый день. Подскажите пожалуйста, а то совсем застрял на одном месте. Как удалить строку из таблицы, зная значение одной из ячеек этой строки. Допустим есть таблица.
<table cellspacing="0" border="1" class="zapchasti">
		<tr class="zapchasti">
			<th>Номер</th>
			<th>Количество</th>
			<th>Номер по каталогу</th>
			<th>Наименование</th>
			<th>Цена</th>
		</tr>
		<tr class="zapchasti" id="1"  onclick=selectRow(event,this)>
			<td>1</td>
			<td>1 шт.</td>
			<td>236-1002012-А5</td>
			<td>Блок цилиндров</td>
			<td>345 р.</td>
		</tr>
		<tr class="zapchasti" id="2" onclick=selectRow(event,this)>
			<td>2</td>
			<td>4 шт.</td>
			<td>236-1005178</td>
			<td>Болт стяжной</td>
			<td>567 р.</td>
		</tr>
		<tr class="zapchasti" id="3" onclick=selectRow(event,this)>
			<td>3</td>
			<td>8 шт.</td>
			<td>236-1005181</td>
			<td>Шайба</td>
			<td>1435 р.</td>
		</tr>
		<tr class="zapchasti" id="4" onclick=selectRow(event,this)>
			<td>4</td>
			<td>11 шт.</td>
			<td>312304-П</td>
			<td>Шайба</td>
			<td>2000 р.</td>
		</tr>
        </table>

Нужно удалить строку из таблицы зная номер по каталогу, допустим 236-1005181
Ответить с цитированием
  #2 (permalink)  
Старый 03.01.2016, 23:16
Аватар для Lemme
Профессор
Отправить личное сообщение для Lemme Посмотреть профиль Найти все сообщения от Lemme
 
Регистрация: 15.07.2015
Сообщений: 511

Например так
function removeByCatId(id) {
	[].forEach.call(document.querySelectorAll('tr'), function(item) {
		if (item.children[2].innerHTML === id) {
			item.parentNode.removeChild(item);
		}
	});
}
removeByCatId('236-1005181');
Ответить с цитированием
  #3 (permalink)  
Старый 03.01.2016, 23:20
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,085

ivt22,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
<style type="text/css">
  .red td{
    background-color: #FF0000;
    color: #FFFFFF;
  }

  </style>
</head>

<body>
<table cellspacing="0" border="1" class="zapchasti">
		<tr class="zapchasti">
			<th>Номер</th>
			<th>Количество</th>
			<th>Номер по каталогу</th>
			<th>Наименование</th>
			<th>Цена</th>
		</tr>
		<tr class="zapchasti" id="1"  onclick=selectRow(event,this)>
			<td>1</td>
			<td>1 шт.</td>
			<td>236-1002012-А5</td>
			<td>Блок цилиндров</td>
			<td>345 р.</td>
		</tr>
		<tr class="zapchasti" id="2" onclick=selectRow(event,this)>
			<td>2</td>
			<td>4 шт.</td>
			<td>236-1005178</td>
			<td>Болт стяжной</td>
			<td>567 р.</td>
		</tr>
		<tr class="zapchasti" id="3" onclick=selectRow(event,this)>
			<td>3</td>
			<td>8 шт.</td>
			<td>236-1005181</td>
			<td>Шайба</td>
			<td>1435 р.</td>
		</tr>
		<tr class="zapchasti" id="4" onclick=selectRow(event,this)>
			<td>4</td>
			<td>11 шт.</td>
			<td>312304-П</td>
			<td>Шайба</td>
			<td>2000 р.</td>
		</tr>
        </table>

<script>
function fn(str,cls)
{
var tbody = document.querySelector('.zapchasti tbody') ;
[].forEach.call( tbody.querySelectorAll('td'), function(el,i) {
     var parent = el.parentNode;
     parent && el.textContent.indexOf(str) !== -1 && (cls ? parent.classList.toggle(cls) : tbody.removeChild(parent))
});
}
fn('236-1005181')//удаление
fn('236-1002012-А5','red')//выделение оно же снятие если повторно
</script>
</body>

</html>

Последний раз редактировалось рони, 04.01.2016 в 12:42.
Ответить с цитированием
  #4 (permalink)  
Старый 04.01.2016, 09:59
Интересующийся
Отправить личное сообщение для ivt22 Посмотреть профиль Найти все сообщения от ivt22
 
Регистрация: 03.01.2016
Сообщений: 12

Спасибо большое то что нужно
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Добавление записи в строку таблицы БД MySQL cemel ExtJS 1 24.06.2014 14:46
Как удалить элемент таблицы seoneo Элементы интерфейса 2 29.08.2012 18:54
Нужно удалить строку в таблице. Раиль Элементы интерфейса 2 16.12.2010 15:58
можно ли, если да то как удалить строки из таблицы Avaria Я не знаю javascript 3 11.06.2009 03:03
удалить строку из таблицы olgatcpip Общие вопросы Javascript 9 05.05.2009 13:56