Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery Подскажите по js скрипту

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


     22.03.2014    jQuery    964

вопрос
Всем привет. Есть такой скрипт
    $('.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
4

82 | 15

unik - 22 марта 2014 19:47 - Юзер

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

Gopr
10

494 | 164

Gopr - 22 марта 2014 20:01 - Юзер

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

unik
4

82 | 15

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
4

82 | 15

unik - 22 марта 2014 20:37 - Юзер

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

unik
4

82 | 15

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>

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

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