[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Присвоить класс
Xander
Доброго времени суток! есть вот такой код


<div class="jq-selectbox__select-text">Мужчина</div>
<div
class="jq-selectbox__select-text">Женщина</div>


каким образом сделать если содержимое div Мужчина тогда бы класс был


"jq-selectbox__select-text m"


а если женщина то


"jq-selectbox__select-text w"


заранее премного благодарен!
TranceIT
На jQuery

if ($('.jq-selectbox__select-text').html() == 'Мужчина') {
$('.jq-selectbox__select-text').addClass('m');
} else {
$('.jq-selectbox__select-text').addClass('w');
}


_____________
Безвозмездно помогаю только тем, кто сам пытается что-то сделать.

Остальным за WMR
Даже если там 10 строк кода!
Даже если мне это ничего не стоит!
Даже если вы нуб!

user posted image
Xander
работает , но не до конца, первый раз он присваивает класс мужчине , а вот когда мужчина меняется на женщину то класс остается
Игорь_Vasinsky
var divs = document.getElementsByClassName('jq-selectbox__select-text');

for(var k in divs){
divs[k].className = (divs[k].innerHTML == 'Мужчина')
?
"jq-selectbox__select-text m"
: "jq-selectbox__select-text w";
}


http://jsfiddle.net/D7scL/

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
SerginhoLD
.removeClass('') // m or w


_____________
"internet explorer всех правильней отображает страницы" ©
TranceIT
Xander
По изначально заявленным требованиям работает до конца.
Исходя из новых требований я бы сделал скрытый radio, а в див выводил выбранное на данный момент значение по сhange событию.

_____________
Безвозмездно помогаю только тем, кто сам пытается что-то сделать.

Остальным за WMR
Даже если там 10 строк кода!
Даже если мне это ничего не стоит!
Даже если вы нуб!

user posted image
Xander
ну с radio я точн не осилю
Kusss
а если завернуть рабочую версию в функцию, передавая ей как параметр имя класса, и запускать её "когда мужчина меняется на женщину"

Change-w-m('jq-selectbox__select-text');

function Change-w-m(ClassName) {
$(ClassName).removeClass('m,w');
if ($(ClassName).html() == 'Мужчина') {
$(ClassName).addClass('m');
} else {
$(ClassName).addClass('w');
}
}
Игорь_Vasinsky
Цитата
"когда мужчина меняется на женщину"

https://ru.wikipedia.org/wiki/%D0%A2%D1%80%...%81%D1%82%D1%8C

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.