Подсчет уникальных значений в HTML-таблице

Question

Я хотел бы посчитать уникальные значения в HTML-таблице. (RGB цвет)

Я использую сторонний веб-сайт, который использует PHP для записи значений в таблицу. У меня нет доступа к сценарию PHP.

PHP пишет здесь "{colorcode}" rgb-to-hex, который я определил. У меня есть 5 шестнадцатеричных значений:
огонь: # FF8C00
медицинская помощь: # FD0202
опасные материалы: # 19070B
другое: # 4876FF
техническая помощь: # 0000FF

Моя цель состоит в том, чтобы я мог посчитать каждый цвет по отдельности и записать его в другую таблицу.
Вот мой веб-сайт с таблицей: https://www.feuerwehr -forstern.de / einsaetze /
Таблица, которую я хочу посчитать.

<table>
<tr style="font-size:16px; background-color:#670200; color:#FFFFFF;">
<th><b>Nr.</b></th>
<th><b>Missionstart</b></th>
<th><b>Title</b></th>
<th><b>Kind of mission</b></th>
<th><b>Place</b></th>
<th></th>
</tr>{liststart}
<tr>
<td style="color:#FFFFFF;" bgcolor={colorcode}><b>{missionnr}</b></td>
<td>{startdate} {starttime}</td>
<td>{missiontitle}</td>
<td>{kind of mission}</td>
<td>{missionplace}</td>
<td><u>{linkreport}</u></td>
</tr>{listend}
</table>

Другая таблица, в которую я хочу записать результат подсчета после ":".

<table>
<tr style="font-size:16px; color:#FFFFFF;">
<th style="background-color:#FF8C00;"><b>fire:</b></th>
<th style="background-color:#FD0202;"><b>medical help:</b></th>
<th style="background-color:#19070B;"><b>hazardous materials:</b></th>
<th style="background-color:#4876FF;"><b>other:</b></th>
<th style="background-color:#0000FF;"><b>technical assistance:</b></th>
</tr>
</table>

Answer 1

Вот новый код.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
var orange_count = $('[bgcolor=#ff8c00]').size()
$(".important1").text("Brand: " + orange_count);
});
</script>
<script type="text/javascript">
$(function() {
var red_count = $('[bgcolor=#fd0202]').size()
$(".important2").text("First Responder: " + red_count);
});
</script>
<script type="text/javascript">
$(function() {
var black_count = $('[bgcolor=#19070b]').size()
$(".important3").text("Gefahrstoffe: " + black_count);
});
</script>
<script type="text/javascript">
$(function() {
var royalblue_count = $('[bgcolor=#4876ff]').size()
$(".important4").text("Sonstige: " + royalblue_count);
});
</script>
<script type="text/javascript">
$(function() {
var blue_count = $('[bgcolor=#0000FF]').size()
$(".important5").text("Technische Hilfeleistung: " + blue_count);
});
</script>
<table>
<tr style="font-size: 16px; color: #ffffff;">
<th style="background-color: #ff8c00;"><b class="important1">Brand</b></th>
<th style="background-color: #fd0202;"><b class="important2">First Responder</b></th>
<th style="background-color: #19070b;"><b class="important3">Gefahrstoffe</b></th>
<th style="background-color: #4876ff;"><b class="important4">Sonstige</b></th>
<th style="background-color: #0000ff;"><b class="important5">Technische Hilfeleistung</b></th>
</tr>
</table>

Answer 2

Я посмотрел на ваш код и ссылку, которую вы указали в своем вопросе сверху, и в ссылке все цветовые коды были прописными, как здесь: bgcolor="#4876FF"
, поэтому вы не можете получить их с помощью строчных селекторовкак это: $('[bgcolor=#4876ff]').size()
вы должны исправить это сначала.и затем на каждой странице вам нужно только один раз проверить наличие события document.ready.поэтому один из них выполнит свою работу:

$(function() {

});

, просто напишите свой код в одном из этих блоков.
желаю удачи ...

Answer 3

вы можете попробовать это: var blue_count = $('[bgcolor=#0000FF]').length, чтобы получить количество элементов td, которые имеют атрибут bgcolor со значением #0000FF. затем вы можете добавить значение счетчика в любое место.

но это просто идея для вас решить ... не лучшим образом ...

удачи