Как заменить теги при использовании clone()?

Genri_Rus, какой второй функции? Не совсем понял о чем вы.

Как заменить теги при использовании clone()?

Genri_Rus, в случае добавления нескольких элементов нужно прогонять их через цикл, либо исключать первый элемент <p>, в котором input, из выборки + вы забыли поставить точку в селекторе .copy-2

Можно сделать так:

$('body').on('change', '.check:checked', function(){
    var replace = '';
    var elements = $(this).parent().siblings('.copy, .copy-2');
    $(elements).each(function() {
      replace += this.outerHTML.replace(/(<|<\/)p/g, '$1span');
    });
    $('.modal').append(replace);
});

При таком коде будет заменяться любое количество вложенных тэгов <p>

Ну и сами элементы лучше искать так, а не прописывать каждый класс отдельно:

.....
    var elements = $(this).parent().nextAll('p');
.....

Как заменить теги при использовании clone()?

Genri_Rus, p - это тэг p который мы ищем
g - это глобальный флаг, который говорит о том, что нужно искать все совпадения в указанном тексте, если его не указать, то заменится только первое совпадение, флаги идут в конце после слэша / говорящего об окончании выражения

Погуглите про регулярные выражения, там не так много операторов, в принципе если заморочиться то можно достаточно быстро разобраться. А пригодиться это может очень много где. Стандарт регулярных выражений един для всех языков.

Как заменить теги при использовании clone()?

Genri_Rus, это регулярное выражение по которому ищется совпадение:
(...) - в скобках обозначается группа символов
< | <\/ - означает, что ищем совпадение < ИЛИ </
p - дальше после того как нашли < ИЛИ </ соответственно совпадение до символа p
$1 это как раз переменная первой группы, то, что мы указали в (...) и это мы в итоге подставляем к span, это будет < или </, то есть либо открывающий, либо закрывающий тэг

Как с помощью substr() вырезать кусок кода от тега до тега?

phpavel, если конкретно в этих строках, что у вас указаны, то:

.....
preg_match('#^(.*?)<footer>#s', $str, $m);
.....

Но я так понимаю, что это просто отрывок из полного HTML-кода. По-этому в полном, чтобы получить <header> нужно просто вставить в регулярное выражение тэг, который предшествует ему:

.....
preg_match('#<тэг_перед_header>(.*?)<footer>#s', $str, $m);
.....

Можно испльзовать БЭМ не во всем коде?

Если уж начинаете делать проект используя БЭМ то какой смысл дробить код на какие-то обрезки, одни с БЭМ, вторые без? Если вы хотите сделать действительно качественную верстку, то конечно нужно полностью соблюдать рекомендации той методологии, которую используете. И причем здесь повторяющиеся и не повторяющиеся блоки? Смысл БЭМ же не в том, чтобы описать только повторяющиеся блоки. Ну и конечно стоит иметь ввиду, что БЭМ это просто методология и никто вас не обязывает соблюдать ее. По-этому если проект чисто для себя, то можете писать как хотите.

Как заменить теги при использовании clone()?

Genri_Rus, дело в том, что .replace возвращает не объект JQuery, и по-этому использовать в дальнейшем методы JQuery к измененному тексту нельзя. Через .replace можно сделать так:

$('body').on('change', '.check:checked', function(){
    var replace = $(this).parent().next('.copy')[0].outerHTML.replace(/(<|<\/)p/g, '$1span');
    $('.modal').append(replace);
});

Как заменить теги при использовании clone()?

Genri_Rus, вам же дали пример на JQuery ответах, добавьте его в обработчик события:

$('body').on('change', '.check:checked', function(){
    $(this).parent().next('.copy').clone().appendTo('.modal');
    $('.modal > p').replaceWith(function(){
        return $('<span class="' + this.className + '"></span>').append($(this).contents());
    });
});

Как заменить теги при использовании clone()?

var replace = $('.container').html().replace(/div/g, 'span');
console.log(replace);

Как возвратить нужный параметр в API twitch-dj.ru?

Где там в API написано, что можно передавать какие-то дополнительные параметры? Не вижу такого. В чем проблема брать из ответа только нужные вам данные, остальные просто игнорируя?

Почему появляется полоса прокрутки?

overflow-x: hidden;

Как правильно экранировать json в javascript?

Илья, не понятно для чего вам вообще какое-то экранирование если вы получаете JSON из PHP. Кодируете в JSON через json_encode() и все. Все что нужно будет экранировано автоматически. Никаких дополнительных действий не нужно.

Как определить верхнерегистровый аналог символа?

dicem, более изящно если только в юникоде высчитывать символ:

function upLetter(letter) {
    var getUnicode = letter.charCodeAt(0);
    var upUnicode = (getUnicode - 32);
    return String.fromCharCode(upUnicode);
}

console.log(upLetter('ж'));

Как правильно экранировать json в javascript?

JSON, указанный в сообщении, корректный. Причина в другом. Покажите как вы объявляете саму переменную с JSON.

Почему текст в кнопке переходит на вторую строку?

Попробуйте прописать свойство min-width для минимально-возможной ширины блока.

Как отправлять несколько значений из JSON?

Перебирайте массив циклом:

.then(data => {
    data.data.forEach(element => {
        console.log(element.nickname);
        console.log(element.place);
    })
.....

Отправка POST запроса через cURL?

Us59, ну вы же видите, что просит рекаптчу при этом запросе?

Отправка POST запроса через cURL?

Попробуйте для начала отправить корректные заголовки. Можете вообще составить CURL-запрос следующим образом:
Нажмите правой кнопкой мыши на странице в Network и выберите Copy > Copy as cURL (bash). Зайдите на страницу https://incarnate.github.io/curl-to-php/ вставьте запрос и получите код запроса в PHP.

Смещается картинка, что делать?

Ivan Ivanovich, все верно вам написали. Вместо position: fixed нужно указать position: absolutehttps://codepen.io/anon/pen/rRopWW?editors=1100#0

Вопрос по оптимизации под разные экраны?

Ivan Ivanovich, да, просто добавляйте внутрь медиа-запроса нужные элементы и свойства, которые хотите изменить. Так же можно добавить больше условий по ширине экрана. Например:

@media screen and (max-width: 1400px) { /* если ширина экрана меньше 1400px */
    элемент1 {
        margin-left: 111px;
    }
    элемент2 {
        margin-left: 222px;
    }
}
@media screen and (max-width: 1050px) { /* если ширина экрана меньше 1050px */
    элемент1 {
        margin-left: 333px;
    }
}