Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Подскажите по js скрипту

Подскажите по js скрипту


     22.03.2014    Все вопросы » jQuery    2148

вопрос
Всем привет. Есть такой скрипт
    $('.platforms').each(function() {
        var element = $(this).text().split(',');
        for (j=0; j<element.length; j++)
            {
                var divs = element[j];
                $(this).append('<div class="'+divs+'"></div>');
            }
    });
    
});
с помощью него я проставляю платформы, но минус в том, что преборазуется в div и становится такого вида
<div class="pc"></div> Т.е в css для pc я прописываю следующее .pc {background: url('../images/windows.png');width:70px;height:18px;float: left;margin-right: 3px;}
Подскажите похожий скрипт, но только чтобы не преобразовывал в такой вид
<div class="pc"></div>
,а чисто саму надпись можно было стилизовать. Вот сайт, думаю с ним станет понятнее, под тайтлом платформы

Ответил: ПафНутиЙ


 $('.platforms').each(function() {
        var element = $(this).text().split(',');
        for (j=0; j<element.length; j++)
            {
                var divs = element[j];
                $(this).append('<div class="'+divs+'">'+divs+'</div>');
            }
    });

5 комментариев

unik
Юзер

unik - 22 марта 2014 19:47 -

score вот сайт, забыл добавить

Gopr
Юзер

Gopr - 22 марта 2014 20:01 -

Не понятный вопрос...

unik
Юзер

unik - 22 марта 2014 20:07 -

хорошо дополню, в дополнительное поле платформы прописываю через запятые, вот так pc,x360,ps3, в исходном коде вод как это выглядит в исходном коде
<div class="platforms">pc,x360,ps3<div class="pc"></div><div class="x360"></div><div class="ps3"></div></div>
, т.е видно что показывается pc,x360,ps3 и плюс ко всему добавляется для каждой платформы свой див типа такого <div class="x360"></div>, я хочу избавиться от дивов, т.к приходится использовать картинки для платформ, и хочу чтобы текстом были надписи. но при этом чтобы было как щас, для каждого слова , к примеру pc в css прописываю .pc {тут стили}, но чтобы было без картинок

unik
Юзер

unik - 22 марта 2014 20:37 -

или же можно как-нибудь сделать чтобы в <div class="x360"></div> добавлялось и само слово между дивами, вот так <div class="x360">x360</div>

unik
Юзер

unik - 23 марта 2014 00:08 -

все еще ищу помощи, кто шарит в этом подскажите как в этот скрипт
    $('.platforms').each(function() {
        var element = $(this).text().split(',');
        for (j=0; j<element.length; j++)
            {
                var divs = element[j];
                $(this).append('<div class="'+divs+'">чтобы тут вставлялось слово</div>');
            }
    });
    
});
сейчас так <div class="x360"></div>, хотелось бы так <div class="x360">x360</div>

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх