Форум

kolhoz · #1 (**permalink**) 20.04.2015, 09:18

Есть небольшой код

<div id="content100" class="right col-xs-12 col-sm-12 col-md-9 col-lg-9">
бла бла бла
</div>

Это из шаблона Joomla. Вместо content100 может быть content80.
Как сделать такое: Если найден на странице элемент с id=content100, то удалить у него классы col-md-9 col-lg-9 и добавить col-md-12 col-lg-12, а если найден элемент id=content80, то ничего не делать?

kolhoz · #2 (**permalink**) 20.04.2015, 09:28

<script>
$('#content100').removeClass('col-md-9 col-lg-9').addClass('col-md-12 col-lg-12');
</script>

так сделал, не работает

рони · #3 (**permalink**) 20.04.2015, 10:07

kolhoz,
ready ?

kolhoz · #4 (**permalink**) 20.04.2015, 10:13

<script>
		$(document).ready(function(){
			$("#content100").removeClass("col-md-9 col-lg-9").addClass("col-md-12 col-lg-12");
		}
	</script>

так? писал не работает

ksa · #5 (**permalink**) 20.04.2015, 10:16

Сообщение от kolhoz

<script>
$('#content100').removeClass('col-md-9 col-lg-9').addClass('col-md-12 col-lg-12');
</script>

так сделал, не работает

Бивас, тест! (с)

<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
<link rel="stylesheet/less" type="text/css" href="style.less">
<script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/2.5.0/less.min.js"></script>
-->
<style type='text/css'>
.col-md-12 {color: green;}
.col-lg-12 {background-color: yellow;}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<div id="content100" class="right col-xs-12 col-sm-12 col-md-9 col-lg-9">
	бла бла бла
</div>
<script type='text/javascript'>
$('#content100').removeClass('col-md-9 col-lg-9').addClass('col-md-12 col-lg-12');
</script>
</body>
</html>

Все работает...

kolhoz · #6 (**permalink**) 20.04.2015, 10:20

скопировал вашу строку
$('#content100').removeClass('col-md-9 col-lg-9').addClass('col-md-12 col-lg-12');

получилось. Видать где-то ошибку допустил я

Форум

Справочник

Discord чат

Курсы javascript