1
 <div class="my_class" data-index=0></div>
 <div class="my_class" data-index=1></div>
 <div class="my_class" data-index=2></div> 
 <div class="my_class" data-index=3></div> 
 <div class="my_class" data-index=4></div>

How to change the css properties of a div having class my_class and the data-index=0 using jquery.

Sarvan Kumar
  • 926
  • 1
  • 11
  • 27
Adnan Butt
  • 11
  • 5
  • 1
    Possible duplicate of [Select elements by data attribute in CSS](https://stackoverflow.com/questions/5324415/select-elements-by-data-attribute-in-css) – Melchia Apr 05 '18 at 11:49
  • see this : [how-do-i-select-elements-on-multiple-attribute-values](https://stackoverflow.com/questions/8045071/how-do-i-select-elements-on-multiple-attribute-valueshttps://stackoverflow.com/questions/8045071/how-do-i-select-elements-on-multiple-attribute-values) – aminag Apr 05 '18 at 11:51

2 Answers2

3

Query for class and attribute selector:

$('.my_class[data-index=0]').css('color', 'red');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="my_class" data-index=0>1</div>
 <div class="my_class" data-index=1>2</div>
 <div class="my_class" data-index=2>3</div> 
 <div class="my_class" data-index=3>4</div> 
 <div class="my_class" data-index=4>5</div>
Ori Drori
  • 183,571
  • 29
  • 224
  • 209
0

$("[data-index=0]").css('color', 'green');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="my_class" data-index=0>Test</div>
 <div class="my_class" data-index=1>Test</div>
 <div class="my_class" data-index=2>Test</div> 
 <div class="my_class" data-index=3>Test</div> 
 <div class="my_class" data-index=4>Test</div>
Parth Raval
  • 4,097
  • 3
  • 23
  • 36