опредение значения float у изображения
приветствую!
имеется такая структура <div class="cont"> <img style="float: left;" src="img1.jpg"> <img style="float: left;" src="img1.jpg"> <img style="float: right;" src="img1.jpg"> <img style="" src="img1.jpg"> <img src="img1.jpg"> </div> мне необходимо определять значение флоата и в зависимости от него ставить класс картинке. с условием и назначением класса все в порядке. но не могу сделать правильную выборку
var znFloat = $('.obcont img').css("float");
пробовал так. не помоглоточнее выбирает только первую картинку |
нужно так:
for(i = 0;i < $('.cont > img').lenght;i++){
var znFloat = $('.cont > img').eq(i).css("float");//переберем все картинки где i порядковый номер изображения
if (znFloat == "right"){
//Выполняем для него ваш код.
}else{
//Выполняем для него ваш код.
}
}
Не понял где '.obcont' у изображения? |
мой косяк. родительский контейнер с классом obcont.
$('.cont > img') так нельзя, так как внутри может быть любая вложенность. пытаюсь вывести $('.obcont img').lenght алертом, выдает undifined |
Напиши правильный пример html кода, выдает undifined потому что неправильная выборка
|
|
ошибка в .lenght. правильно length
спасибо! |
andreychaki,
в .length у Вас русская е.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> - jsFiddle demo</title>
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="/css/normalize.css">
<link rel="stylesheet" type="text/css" href="/css/result-light.css">
<style type="text/css">
.obcont img.Left {
border:2px solid green;
}
.obcont img.Right {
border:2px solid red;
}
.obcont img {
border:2px solid blue;
padding:0;
margin:2px;
}
</style>
</head>
<body>
<div class="obcont">
<img style="float: left;" src="img1.jpg">
<img style="float: left;" src="img1.jpg">
<img style="float: right;" src="img1.jpg">
<img src="img1.jpg">
<img src="img1.jpg">
<img src="img1.jpg">
</div>
</body>
<script type="text/javascript">
$(document).ready(function(){
$('div.obcont > img').each(function(){
var a=$(this).css('float')=='left';
var b=$(this).css('float')=='right';
if(a) $(this).addClass('Left');
if(b) $(this).addClass('Right')
});
});
</script>
</html>
в .length у Вас русская е. |
клевета! открыл свой пример. поправил местами t и h, заработало
|
| Часовой пояс GMT +3, время: 15:13. |