0xD34F

$('.reeder').click(function() {
  const $box = $(this).closest('.box').toggleClass('none');
  $box.parent().find('.box').not($box).addClass('none');
});

const $boxes = $('.box').on('click', '.reeder', e => {
  $(e.delegateTarget).toggleClass('none');
  $boxes.not(e.delegateTarget).addClass('none');
});

function onlyOne(checkbox) {
  for (const n of document.getElementsByName(checkbox.name)) {
    n.checked = n === checkbox ? n.checked : false;
  }
}

function onlyOne(checkbox) {
  checkbox
    .closest('.group')
    .querySelectorAll('input[type="checkbox"]')
    .forEach(n => n.checked = n.checked && n === checkbox);
}

...как мне правильно написать регулярку для jq метода find(), чтобы он...

<select id="person"></select>
<select id="key"></select>
<span id="value"></span>

const data = [
  {
    "ФИО": "Иванов Сергей",
    "Адрес": {
      "Город": "Москва",
      "Улица": "Пятницкая",
      "Дом": "35",
    },
  },
  {
    "ФИО": "Сидоров Иван",
    "Адрес": {
      "Город": "Питер",
      "Улица": "Ленина",
      "Дом": "42",
    },
  },
];


const selects = [
  Select('#person', data.map(n => n['ФИО'])),
  Select('#key', Object.keys(data[0]['Адрес'])),
];

selects.forEach(n => n.addEventListener('change', onChange));


function Select(selector, options) {
  const el = document.querySelector(selector);
  el.append(...options.map(n => new Option(n)));
  el.value = null;
  return el;
}

function onChange() {
  const [ person, key ] = selects.map(n => n.value);
  if (person && key) {
    const value = data.find(n => n['ФИО'] === person)['Адрес'][key];
    document.querySelector('#value').textContent = value;
  }
}

const getUnique = arr => Array
  .from(arr.reduce((acc, n) => acc.set(n, acc.has(n)), new Map))
  .reduce((acc, n) => (n[1] || acc.push(n[0]), acc), []);


const result = getUnique(arr);

const getByCount = (arr, checkCount) => Array
  .from(arr.reduce((acc, n) => acc.set(n, -~acc.get(n)), new Map))
  .reduce((acc, n) => (checkCount(n[1]) && acc.push(n[0]), acc), []);


const result = getByCount(arr, count => !~-count);

Является ли нормальной практикой создание нового метода , включающего в себя эти три метода

buildButton(() => {
  this.drawSomeButtons();
  this.changeSomeVariables();
  this.doSomethingElse();
});

for (var def = 1; def <= n; n++) {

class Base {
  constructor() {
    this.x = 3;
  }

  static get x() {
    return 1.5;
  }
}

function Base() {
  this.x = 3;
}
Base.x = 1.5;

// или

function Base() {}
Base.prototype.x = 3;
Base.x = 1.5;

class Base {
  x = 3;

  static x = 1.5;
}

const getValue = (obj, index = 0) =>
  Object.values(obj)[index];

function getValue(obj, index = 0) {
  for (const k in obj) {
    if (obj.hasOwnProperty(k) && !index--) {
      return obj[k];
    }
  }
}

$('.list_add_room').on('click', '.butt_edit', function() {
  const $el = $(this).closest('.item_contain_list').find('p');
  $('.list_add_room [contenteditable="true"]').not($el).removeAttr('contenteditable');
  $el.attr('contenteditable', (i, val) => val !== 'true').focus();
});

$('.list_add_room').on('click', '.butt_edit', function() {
  $(this).closest('.item_contain_list').find('p').attr('contenteditable', 'true').focus();
}).on('blur', '[contenteditable="true"]', function() {
  $(this).removeAttr('contenteditable');
});

$(document).on('change', 'input[type="radio"]', function() {
  $('.color').text($(this).val());
});

я открыл доселе неизвестный it-сообществу баг...

... или где-то далеко по мне плачет один учебник по js?

document.querySelectorAll('.u-combolist label').forEach(n => {
  if (n.textContent.toLowerCase().indexOf(genre) != -1) {
    n.previousElementSibling.checked = true;
  }
});

$('.u-combolist label')
  .filter((i, n) => $(n).text().toLowerCase().includes(genre))
  .prev()
  .prop('checked', true);

const $el = $('.field');
const el = document.querySelector('.field');

$el.append(document.createTextNode(str));

// или

$el.append(str.replace(/</g, '&lt;'));

// или

el.append(str);

$el.append($(str).text());

// или

const div = document.createElement('div');
div.innerHTML = str;
el.insertAdjacentText('beforeend', div.innerText);

// или

el.append(document.createRange().createContextualFragment(str).textContent);

// или

el.append(new DOMParser().parseFromString(str, 'text/html').body.textContent);

.black { background: black; }
.white { background: white; }

const rows = 8;
const cols = 8;

document.querySelector('.info').innerHTML = `
  <table>${Array.from({ length: rows }, (_, i) => `
    <tr>${Array.from({ length: cols }, (_, j) => `
      <td class="${(i ^ j) & 1 ? 'black' : 'white'}"></td>`).join('')}
    </tr>`).join('')}
  </table>`;

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

for (let i = 0; i < rows; i++) {
  const tr = table.insertRow();
  for (let j = 0; j < cols; j++) {
    tr.insertCell().classList.add([ 'white', 'black' ][(i ^ j) & 1]);
  }
}

document.querySelector('.info').append(table);

const
  ease = Power0.easeNone,
  yoyo = true;

document.querySelectorAll('svg').forEach((n, i) => {
  const
    TopWave = new TimelineLite(),
    el = n.querySelector('.wave'),
    delay = i * (1 + Math.random() * 2);

  TopWave
    .to(el, 8, { delay, morphSVG: '.wave-one',   yoyo, ease })
    .to(el, 7, { delay, morphSVG: '.wave-two',   yoyo, ease })
    .to(el, 8, { delay, morphSVG: '.wave-three', yoyo, ease,
      onComplete: () => TopWave.restart()
    });
});