Javascript-форум - Выполнение скрипта после нажатия на кнопку

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

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Выполнение скрипта после нажатия на кнопку (https://javascript.ru/forum/misc/83232-vypolnenie-skripta-posle-nazhatiya-na-knopku.html)

Выполнение скрипта после нажатия на кнопку

Есть кнопка с атрибутом, который должен передаваться в js который подсчитывает сумму.
Вот пример http://jsfiddle.net/pdjonux3/
Если заполняю так

Код:

$('#linkHref tr').each(function(){

не работает
если выполняю так

Код:

$('#fikl tr').each(function(){

, то работает
Что я делаю не так?

<a class="content_toggle" href="#"onclick="mufunk(this);" data-filter="fikl"> <li class="button all-i" type="submit"  data-filter="fikl" tabindex="-1">Фиркл</li></a>
 
  <table id="fikl">
  <tr>
    <td>7</td>
  </tr>
    <tr>
    <td>7</td>
  </tr>

</table>

<div id="res" style="font-weight:bold"></div>

function mufunk(element){
      var linkHref = $(element).attr('data-filter');
	  var sum = 0;
  $('#linkHref tr').each(function(){
      sum+=parseInt($('td', this).text());
  });
  $('#res').html(sum);
    }

ddro3doff,
$('#' + linkHref + ' tr').each

Спасибо. А не подскажите как вывести среднее арифметическое ?

ddro3doff,
:-?

sum/$('#' + linkHref + ' tr').length

ddro3doff,
на всякий случай ...

<!DOCTYPE html>
<html>
<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
        #res {
            font-weight: bold;
        }
    </style>
</head>
<body>
    <a class="content_toggle" href="#" onclick="mufunk(event,this);" data-filter="fikl">
        Фиркл    </a>
    <table id="fikl">
        <tr>
            <td>2</td>
        </tr>
        <tr>
            <td>7</td>
        </tr>
    </table>
    <div id="res" style=""></div>
    <script>
        function mufunk(event, element) {
            event.preventDefault();
            let id = `#${element.dataset.filter}`, sum = 0,
            { length } = tds = document.querySelectorAll(`${id} td`);
            tds.forEach(({ textContent }) => sum += +textContent);
            document.querySelector('#res').innerHTML = (sum / length).toFixed(2)
        }
    </script>
</body>
</html>