Как заменить :before через JS?

dramiel007, И Вам спасибо за ответ)

Как заменить :before через JS?

Stalker_RED, Получилось сделать вот так:

.main-content ul.list-plus li:before{
    content: '';
    background: transparent;
    background-size: cover;
    background-image: url("../img/plus.svg");
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: 1px;
    margin-top: 3px;
    margin-left: 10px;
}

Спасибо за то, что навели к мысли)

Как заменить :before через JS?

Блин, немного запутался. Вот код в css отвечающий за маркеры.

.main-content ul {
    position: relative;
}

.main-content ul li:before {
    position: absolute;
    left: 1px;
    content: '';
    width: 8px;
    height: 8px;
    background: #666666;
    line-height: 8px;
    border-radius: 50%;
    text-align: center;
    margin-top: 7px;
    margin-left: 10px;

}

.main-content ul li{
    padding-left: 35px;
}




.main-content ul.list-plus{
    list-style: none;
}


.main-content ul.list-plus li{
    margin: 1.5rem 0;
    position: relative;
}


.main-content ul.list-plus li:before{
    content: " ";
    background-size: cover;
    background-image: url("../img/plus.svg");
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: 1px;
}

В js что написать?

Как заменить :before через JS?

один наложился на другой

Плагин ckeditor вывод в select?

Максим Тимофеев, Просто по другому не знаю как сделать. Нарыл плагин, который примерно делает, то что мне нужно. Изменил его. Дальше потребовалось вывести из бд данные.

Плагин ckeditor вывод в select?

Максим Тимофеев, Уже подключил.

Плагин ckeditor вывод в select?

Максим Тимофеев, https://jsfiddle.net/xbhrtL71/
https://jsfiddle.net/tkojc7hg/

Плагин ckeditor вывод в select?

Максим Тимофеев, блин, странно. У меня все показывает. Куда залить?

Как добавить html в массив?

Максим Тимофеев, Максим Тимофеев, Нашел ответ, нужно вот так:

var content = $('.otkuda').html();
$('.kuda').attr('data-content',content);

Спасибо вам большое за помощь.
Напишите ответом, отмечу решением.

Как добавить html в массив?

Максим Тимофеев, Понял в чем была предыдущая ошибка, удалил data атрибут из html и вывело цифру.
Но когда хочу из друго блока вывести в дата атребут, то мне выводит [object Object]

var content = $('.otkuda');
$('.kuda').attr('data-content',content);

Как добавить html в массив?

Максим Тимофеев, Вроде прогуглил, вот это должно работать, но нет:

var content = '20';

                $('a').data('content',content);

Как добавить html в массив?

Максим Тимофеев, У меня просто потом в data-content данные будут с помощью php выводится динамически.
Пример просто который я написал выше, не работает. Он мне просто выводит "20", а нужен чтобы выводил блок. Не подскажите, что я делаю не так? С дата атрибутами почти не работал.

Как добавить html в массив?

Максим Тимофеев, т.е блоки должны как-то так работать?

<a href="" data-html="true" data-trigger="hover" data-toggle="popover" data-content="20"><img src="/images/hero/sniper.svg" style="width: 26px; height: 15px; margin-top: 0; margin-right: 4px" alt="">Sniper</a>

<div style="display: none;" id="#20"><div class="hero-footnote">
                    <img src="/images/hero/sniper.svg" alt='sniper'>
                    <div class='hero-footnote__desc'>
                        <h3>Sniper</h3>
                        <p>Дальний бой</p>
                        <span>Carry — Nuker — Mider</span>
                    </div>
                </div></div>

Как добавить html в массив?

Максим Тимофеев, Пример как скрыть data-content можете показать?

Как добавить html в массив?

Максим Тимофеев, Проблема как я понял с ковычками у меня. Есть такой код:

<a href="" data-html="true" data-trigger="hover" data-toggle="popover" data-content="<div class='hero-footnote'>
                        <img src='images/hero/sniper.svg' alt='sniper'>
                        <div class='hero-footnote__desc'>
                            <h3>Sniper</h3>
                            <p>Дальний бой</p>
                            <span>Carry — Nuker — Mider</span>
                        </div>
                    </div>"><img src="images/hero/sniper.svg" style="width: 26px; height: 15px; margin-top: 0; margin-right: 4px" alt="">Sniper</a>

У меня в html используются и двойные и одинарные. PHPstorm их экранирует. И весь код получается нужно в кавычки тоже положить. Как это обойти?

Как добавить html в массив?

Проблема как я понял с ковычками у меня. Есть такой код:

<a href="" data-html="true" data-trigger="hover" data-toggle="popover" data-content="<div class='hero-footnote'>
                        <img src='images/hero/sniper.svg' alt='sniper'>
                        <div class='hero-footnote__desc'>
                            <h3>Sniper</h3>
                            <p>Дальний бой</p>
                            <span>Carry — Nuker — Mider</span>
                        </div>
                    </div>"><img src="images/hero/sniper.svg" style="width: 26px; height: 15px; margin-top: 0; margin-right: 4px" alt="">Sniper</a>

У меня в html используются и двойные и одинарные. PHPstorm их экранирует. И весь код получается нужно в кавычки тоже положить. Как это обойти?

Как добавить html в массив?

Максим Тимофеев, ["Pudge", "0"];
и т.д.

Как закрыть меню по клику в не его области?

Dymok, Спасибо, натолкнули на верную мысль)

Как сменить цвет таблицы в backpack for laravel?

Yan-s, Осталось понять как проверить на статус...

Как сменить цвет таблицы в backpack for laravel?

Тут вот как оно идет в разметке. Я не всю таблицу заскринил, там ниже идут отзывы, уже опубликованные.
Отзывы четные, не четные выделяются по разному, дефолт видимо. Мне же нужно выделить только те, которые на модерации.