пример:
window.addEventListener('DOMContentLoaded', function()
{
[].forEach.call(document.querySelectorAll('.old'), function(item)
{
item.addEventListener('click', function()
{ if(document.querySelectorAll('.new').length > 0 && !item.classList.contains('new')) {return} ;
item.classList.toggle('new');
var res = [].map.call(document.querySelectorAll('.new'),
function(el) {
return el.id
})
document.querySelector('.show').innerHTML = res.length ? '' + res : ''
});
});
});
<table width="200" summary="">
<tbody>
<tr>
<td class="old" id="1" value="1">1</td>
<td class="old" id="2" value="2">2</td>
<td class="old" id="3" value="3">3</td>
</tr>
<tr>
<td class="old" id="4" value="4">4</td>
<td class="old" id="5" value="5">5</td>
<td class="old" id="6" value="6">6</td>
</tr>
</tbody>
</table>
<div class="show">====</div>
только это сложный. (для меня) как из div передать значения?