Форум

gamesoneve · #1 (**permalink**) 04.09.2012, 08:28

здравствуйте.
имеется html такого содержания

<div id="grid">
    <div class="cell"/>
    <div class="cell"/>
    <div class="cell"/>
    <div class="cell"/>
    <div class="cell"/>
</div>

необходимо выбрать определенный див c классом cell, например 3-й и применить к нему какой-нибудь стиль.
пробовал написать:

$("#greed div").eq(2).css("background-color","green");

ничего не меняется. если убрать eq(2) - закрашиваются все div

$("#greed div").css("background-color","green");

каким образом тогда можно выделить нужный див используя jquery?

bot87 · #2 (**permalink**) 04.09.2012, 08:39

Ошибочка id="grid" а тут $("#greed

задай Div высоту

ksa · #3 (**permalink**) 04.09.2012, 08:49

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

ничего не меняется

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

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
#grid div {
	height: 20px;
	border: 1px solid;
}
</style>
<script type="text/javascript">
$(document).ready(function (){
	$("#grid div").eq(2).css("background-color","green");
});
</script>
</head>
<body>
<div id="grid">
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
</div>
</body>
</html>

Таки меняется!

Форум

Справочник

Discord чат

Курсы javascript