Javascript-форум - убрать/скрыть/удалить тэги в таблице

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - убрать/скрыть/удалить тэги в таблице (https://javascript.ru/forum/dom-window/54023-ubrat-skryt-udalit-tehgi-v-tablice.html)

убрать/скрыть/удалить тэги в таблице

Здравствуйте
подскажите - как не показывать тэги которые зачеркнул (обернул то что не нужно тэгом [s] - их самих в коде нету, только тут в теме выделил их так), внутри дива редактировать я не могу, могу только код снаружи изменять.

<div=table1>
<table border="">
	[S]<caption align="top"><b>Matrix</b></caption>[/S]
	<tbody>[S]<tr align="center">
		<th>4x4</th><th>0</th><th>1</th><th>2</th><th>3</th>
	</tr>[/S]
	<tr align="center">
		[S]<th>0</th>[/S]<td bgcolor="#ffffdd">1.55</td><td bgcolor="#ffffdd">2.07</td><td bgcolor="#ffffdd">3</td><td bgcolor="#ffffdd">4</td>
	</tr>	<tr align="center">
		[S]<th>1</th>[/S]<td bgcolor="#ffffdd">5.07</td><td bgcolor="#ffffdd">6.7</td><td bgcolor="#ffffdd">7</td><td bgcolor="#ffffdd">8</td>
	</tr>	<tr align="center">
		[S]<th>2</th>[/S]<td bgcolor="#ffffdd">1.777</td><td bgcolor="#ffffdd">4.34</td><td bgcolor="#ffffdd">5.0455455</td><td bgcolor="#ffffdd">7.777866</td>
	</tr>	<tr align="center">
		[S]<th>3</th>[/S]<td bgcolor="#ffffdd">2.0757</td><td bgcolor="#ffffdd">3.55</td><td bgcolor="#ffffdd">-3</td><td bgcolor="#ffffdd">55</td>
	</tr>
</tbody></table>
<div>

<head>
<script src="http://code.jquery.com/jquery-1.11.2.js"></script>
</head>
<div="table1">
<table style="border:0;">
	<caption align="top" class="s"><b>Matrix</b></caption>
	<tbody><tr align="center" class="s">
		<th>4x4</th><th>0</th><th>1</th><th>2</th><th>3</th>
	</tr>
	<tr align="center">
		<th class="s" >0</th><td bgcolor="#ffffdd">1.55</td><td bgcolor="#ffffdd">2.07</td><td bgcolor="#ffffdd">3</td><td bgcolor="#ffffdd">4</td>
	</tr>	<tr align="center">
		<th class="s">1</th><td bgcolor="#ffffdd">5.07</td><td bgcolor="#ffffdd">6.7</td><td bgcolor="#ffffdd">7</td><td bgcolor="#ffffdd">8</td>
	</tr>	<tr align="center">
		<th class="s">2</th><td bgcolor="#ffffdd">1.777</td><td bgcolor="#ffffdd">4.34</td><td bgcolor="#ffffdd">5.0455455</td><td bgcolor="#ffffdd">7.777866</td>
	</tr>	<tr align="center">
		<th class="s">3</th><td bgcolor="#ffffdd">2.0757</td><td bgcolor="#ffffdd">3.55</td><td bgcolor="#ffffdd">-3</td><td bgcolor="#ffffdd">55</td>
	</tr>
</tbody></table>
<div>

И js:

//Добавить функцию по какому- то событию
function removes() {
$('[class ~= "s"]').remove();
}

Или вариант без удаления элементов:

function removes() {
$('[class ~= "s"]').css({'visibility':'hidden'});
}

И вариант вообще без jquery:

<div="table1">
<table style="border:0;">
	<caption align="top" name="s"><b>Matrix</b></caption>
	<tbody><tr align="center" name="s">
		<th>4x4</th><th>0</th><th>1</th><th>2</th><th>3</th>
	</tr>
	<tr align="center">
		<th name="s" >0</th><td bgcolor="#ffffdd">1.55</td><td bgcolor="#ffffdd">2.07</td><td bgcolor="#ffffdd">3</td><td bgcolor="#ffffdd">4</td>
	</tr>	<tr align="center">
		<th name="s">1</th><td bgcolor="#ffffdd">5.07</td><td bgcolor="#ffffdd">6.7</td><td bgcolor="#ffffdd">7</td><td bgcolor="#ffffdd">8</td>
	</tr>	<tr align="center">
		<th name="s">2</th><td bgcolor="#ffffdd">1.777</td><td bgcolor="#ffffdd">4.34</td><td bgcolor="#ffffdd">5.0455455</td><td bgcolor="#ffffdd">7.777866</td>
	</tr>	<tr align="center">
		<th name="s">3</th><td bgcolor="#ffffdd">2.0757</td><td bgcolor="#ffffdd">3.55</td><td bgcolor="#ffffdd">-3</td><td bgcolor="#ffffdd">55</td>
	</tr>
</tbody></table>
<div>

function removes() {
document.getElementsByName('s').style.visibility = "hidden";
}

Все примеры должны работать

спасибо, таблица выводится сама и нет возможности менять внутри таблицы код, например добавлять name="s"

Цитата:

Сообщение от _Eldar_ (Сообщение 358972)

...таблица выводится сама..

Если она выводится при помощи js - поменять немного код и готово

Цитата:

Сообщение от _Eldar_ (Сообщение 358972)

... и нет возможности менять внутри таблицы код

Можно пояснение: почему нет возможности?

Цитата:

Сообщение от Нубопрогер

getElementsByName('s')

style нет у NodeList -- каждому элементу надо в цикле менять style

Цитата:

Сообщение от Нубопрогер

$('[class ~= "s"]').css({'visibility':'hidden'});

здесь этот цикл сделают за вас

Цитата:

Сообщение от _Eldar_

div=table1

это как?

Цитата:

Можно пояснение: почему нет возможности?

потому что она выводится вот так $mmm=$m->toHTML();echo $mmm.

Цитата:

Сообщение от рони (Сообщение 358978)

это как?

ну я так таблицу обернул, внутри div находится эта таблица (код которой сам производится), в готовой библиотеке pear , правда не хочется лезть в библиотеку - менять ее.

_Eldar_,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
    #table1 th, #table1 caption, #table1 tr:first-child {
      display: none;
    }

  </style>
</head>

<body>
<div id="table1">
<table border="">
	<caption align="top"><b>Matrix</b></caption>
	<tbody><tr align="center">
		<th>4x4</th><th>0</th><th>1</th><th>2</th><th>3</th>
	</tr>
	<tr align="center">
		<th>0</th><td bgcolor="#ffffdd">1.55</td><td bgcolor="#ffffdd">2.07</td><td bgcolor="#ffffdd">3</td><td bgcolor="#ffffdd">4</td>
	</tr>	<tr align="center">
		<th>1</th><td bgcolor="#ffffdd">5.07</td><td bgcolor="#ffffdd">6.7</td><td bgcolor="#ffffdd">7</td><td bgcolor="#ffffdd">8</td>
	</tr>	<tr align="center">
		<th>2</th><td bgcolor="#ffffdd">1.777</td><td bgcolor="#ffffdd">4.34</td><td bgcolor="#ffffdd">5.0455455</td><td bgcolor="#ffffdd">7.777866</td>
	</tr>	<tr align="center">
		<th>3</th><td bgcolor="#ffffdd">2.0757</td><td bgcolor="#ffffdd">3.55</td><td bgcolor="#ffffdd">-3</td><td bgcolor="#ffffdd">55</td>
	</tr>
</tbody></table>
</div>

</body>

</html>