2013-02-20 1 views
1

У меня есть разметка, как это:Как задать фоновый цвет динамически с использованием индекса jQuery?

<div class="container"> 
    <div>one</div> 
    <div>two</div> 
    <div>three</div> 
    <div>four</div> 
    <div>five</div> 
</div> 

Я хочу дать цвет фона с помощью JQuery index() для любого div внутри контейнера (я буду получать индексы динамически с сервера).

ответ

3

использование children и eq()

$(".container").children().eq(0).css("background-color",'red') //this will change background of first div 

с требованием

var yourindex='0'; 
$(".container").children().eq(yourindex).css("background-color",'red') 

скрипку here

2

Попробуйте с .eq() и :eq():

$('.container div').eq(idx).css('background','purple'); 

$('.container div:eq('+idx+')').css('background','purple'); 
+0

'.index' должно быть' .eq'. – Blender

+0

Я не думаю, что 'index()' first one..will work :) – bipen

+0

Метод ['.index()'] (http://api.jquery.com/index/) принимает необязательный селектор или элемент и возвращает целое число, а не объект jQuery. –

Смежные вопросы