Как проверить циклом таблицу с двумя условиями?

Question

[Павел]

https://jsfiddle.net/KLON/uekt196o/5/

как сделать циклом
если в subcat value == none и в ajaxdata value == none {
this ajaxdata ... добавить например border 1px #red
}

и чтоб все то отработало при $('#ok') проверилось на всю таблицу , там будет очень много строк

Answer 1

[0xD34F]

.red {
  background: red;
}

$('.table').on('change', function(e) {
  const $tr = $(e.target).closest('tr');
  const ajaxdata = $tr.find('.ajaxdata').val();
  const subcat = $tr.find('.subcat').val();

  $tr.toggleClass('red', ajaxdata === 'none' && subcat === 'none');
}).find('tr').change();

// или

const table = document.querySelector('table');

table.addEventListener('change', e => {
  const tr = e.target.closest('tr');
  const ajaxdata = tr.querySelector('.ajaxdata').value;
  const subcat = tr.querySelector('.subcat').value;

  tr.classList.toggle('red', ajaxdata === 'none' && subcat === 'none');
})

table.querySelectorAll('tr').forEach(n => {
  n.dispatchEvent(new Event('change', { bubbles: true }));
});

Comments

[Павел]

а если добавить красный только к элементу с ajaxdata или обертке .vidraboty ?

[0xD34F]

Павел, ну замените $tr.toggleClass на $tr.find(чё там вам надо).toggleClass.