Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.10.2021, 13:54
Аспирант
Отправить личное сообщение для ddro3doff Посмотреть профиль Найти все сообщения от ddro3doff
 
Регистрация: 22.03.2019
Сообщений: 47

Выполнение скрипта после нажатия на кнопку
Есть кнопка с атрибутом, который должен передаваться в 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);
    }
Ответить с цитированием
  #2 (permalink)  
Старый 20.10.2021, 15:49
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

ddro3doff,
$('#' + linkHref + ' tr').each
Ответить с цитированием
  #3 (permalink)  
Старый 21.10.2021, 15:24
Аспирант
Отправить личное сообщение для ddro3doff Посмотреть профиль Найти все сообщения от ddro3doff
 
Регистрация: 22.03.2019
Сообщений: 47

Спасибо. А не подскажите как вывести среднее арифметическое ?
Ответить с цитированием
  #4 (permalink)  
Старый 21.10.2021, 15:58
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

ddro3doff,

sum/$('#' + linkHref + ' tr').length
Ответить с цитированием
  #5 (permalink)  
Старый 21.10.2021, 16:15
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

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>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Выполнение скрипта после перехода на другую страницу Lol9999 Events/DOM/Window 6 18.06.2016 14:31
Скрыть ссылку/кнопку после нажатия. Ares Общие вопросы Javascript 1 22.10.2015 09:53
Сохранение результата ajax запроса после нажатия 'back' gregOlsen AJAX и COMET 5 18.11.2009 12:23
Не убирать кнопку после клика по ней. CompModdd jQuery 2 12.05.2009 02:13
как прекратить выполнение скрипта ? kefi Общие вопросы Javascript 3 31.03.2009 19:05