0xD34F

@media (max-width: 1024px) {
  .list-group-service {
    columns: 2;
  }
}

$('select').change(function() {
  console.log($(':selected', this).text());
});

UPD. Вынесено из комментариев:

это же мультиселект, и когда выбрано два элемента, то имена двух элементов и получаем, а мне нужно только тот который выбрали

$('select').on('click', 'option', function(e) {
  const $target = $(e.target);
  if ($target.is(':selected')) {
    console.log($target.text());
  }
});

или

let prevSelected = [];

$('select').on('change', function(e) {
  const selected = $(':selected', this).get().map(n => n.innerText);
  const newSelected = selected.find(n => !prevSelected.includes(n));
  prevSelected = selected;

  if (newSelected) {
    console.log(newSelected);
  }
});

const $popup = $('#popup_idea');
const $list = $('.list_idea');

$list.on('click', '.open_win_idea', function() {
  $popup.data('del', $(this).closest('li').index()).fadeIn();
});

$('.close_win_butt_yes').click(function() {
  $list.children().eq($popup.data('del')).remove();
  $popup.fadeOut();
});

$('.close_win_butt_no, .close_win').click(function() {
  $popup.fadeOut();
});

Откуда надо достать тексты:

const elements = document.querySelectorAll('.list li');
// или
const elements = document.querySelector('.list').children;

Достаём:

const str = Array
  .from(elements, n => n.textContent)
  .join(' ');

// или

const str = ''.concat(...Array.prototype.flatMap.call(
  elements,
  (n, i) => [ i ? ' ' : '', n.innerText ]
));

// или

const str = [...elements].reduce((acc, n, i) => {
  return acc + (i ? ' ' : '') + n.innerHTML;
}, '');

// или

const str = (function get(i, n = elements.item(i)) {
  return n
    ? `${i ? ' ' : ''}${n.lastChild.nodeValue}${get(-~i)}`
    : '';
})(0);

Во-первых, события не срабатывают - никакие и никогда. Срабатывают обработчики событий. Во-вторых - между "неправильно" и "не так, как мне бы хотелось" есть существенная разница, попытайтесь её осознать.

Метод setState - асинхронный. Хотите получить доступ к изменённому стейту - используйте коллбек:

this.setState({
  request: e.target.value,
}, () => console.log(this.state.request))

$('.list_idea').on('click', '.open_win_idea', function() {
  $(this)
    .closest('li')
    .find('p')
    .attr('contenteditable', (i, val) => val !== 'true')
    .focus();
});

Vue.directive('emoji', (el, binding) => el.innerHTML = emoji(binding.value));

<div class="conversation_name" v-emoji="chatName"></div>

const chained = functions => initialArg => functions.reduce((arg, f) => f(arg), initialArg);

<div
  v-for="item in items"
  class="col-md-3 services-item"
  :class="{ hoverClass: item.hover }"
>
  <img :src="item.scr" alt="">
  <h3 class="my_services_title">Тест</h3>
  <button
    class="btn-price"
    @mouseenter="item.hover = true"
    @mouseleave="item.hover = false"
  >Нажать</button>
</div>

data: {
  items: [
    {
      src: 'img/laptop.png',
      hover: false,
    },
    {
      src: 'img/laptop.png',
      hover: false,
    },
  ],
},

UPD. Конечно, я затупил - как подсказывает в комментариях delphinpro, отдельные свойства hover не нужны, достаточно хранить индекс активного элемента.

Не нужен тут никакой each, обращаться к элементам непосредственно необходимости нет:

$('li, div, p', '#wrapper').attr('custom-attr', i => `test${i + 1}`);

Конечно, если не решите отказаться от jquery:

document
  .querySelector('#wrapper')
  .querySelectorAll('li, div, p')
  .forEach((n, i) =>  n.setAttribute('custom-attr', 'test' + -~i));

str.replace(/(\d+)(x)/g, '$1*$2')

success(response) {
  $('#api-wb').html(JSON.parse(response).loads.map(n => `
    <div class="item">
      <div><b>${n.title}</b></div>
      <div><a href="${n.comments_url}">comments (${n.comments_num})</a></div>
      <div><img src="${n.files[0].small}"></div>
    </div>
  `).join(''));
}

https://jsfiddle.net/gcybmo64/

При перемещении мыши запоминайте координаты курсора, между предыдущими и текущими координатами рисуйте линии, состоящие из кругов. Координаты кругов вычисляйте с помощью алгоритма Брезенхема, например. Как-то так.

Уберите модификатор g, он тут недоступен; вместо preg_match следует использовать preg_match_all.

const arr3 = arr1.map(n => (n = arr2.find(m => m.date === n)) ? +n.count : null);

или

const obj = arr2.reduce((acc, n) => (acc[n.date] = parseInt(n.count), acc), {});
const arr3 = arr1.map(n => obj.hasOwnProperty(n) ? obj[n] : null);

или

const arr3 = arr1.map(function(n) {
  return this.has(n) ? this.get(n) : null;
}, new Map(arr2.map(n => [ n.date, n.count | 0 ])));

Вы засовываете в Promise.all пустой массив, все push'и выполняются после того, как отрабатывает object.map (search - она же асинхронная, да?). Надо при обходе object возвращать промис, который должен резолвиться в коллбеке функции search. Как-то так:

const statusArray = object.map(item => {
  const opts = {
    maxResults: 5,
    key: users[2].token,
  };

  return new Promise((resolve, reject) => {
    search(item.title, opts, (err, videos) => {
      if (err) {
        throw err;
      }
      item.youtubeId.new = videos[0].id;
      item.videos = videos;        
      resolve(ArticleController.addArticle(item));
    });
  });
});

// достаёте компонент из пропсов, обратите внимание, что
// имя переменной должно начинаться с большой буквы
const Component = this.props.component;

// ну и рендерите его
<Component />

\b[\dA-Z]{5}\b