use while loop for change after every click in jquery

Question

I want change somethings after click events, but I need use while loop for make short code.

for example:

$('#DIV1').click(function() {
  // DoSomething     
}
$('#DIV2').click(function() {
  // DoSomething
}

use while loop for that

var i = 1; var ExapmleVar
while(i < 5)
{
 $('#DIV' + i).click(function() {
  ExapmleVar = i; 
 }
}

in the result ExapmleVar = 6 it's not true for me i want ExampleVar equal to 1 in first loop and equal to 2 in second loop and etc

While is not your solution. State you exact problem, otherwise in my experience the question is good candidate for What is the XY problem? — Satpal
– Satpal, Commented Mar 16, 2015 at 12:10

Nishit Maheta · Accepted Answer · 2015-03-16 12:25:41Z

2

create event using fix prefix operator . here div[id^=DIV] assign click event to add div element which have id with prefix 'DIV'. $(this).index() return index of that element in a group of divs whit id is stat with 'DIV'

 $('div[id^=DIV]').click(function() {
  // DoSomething  
   ExapmleVar = ($(this).index() + 1);   
 }

edited Mar 16, 2015 at 12:25

answered Mar 16, 2015 at 12:10

Nishit Maheta

6,0413 gold badges19 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Rohan Kumar Over a year ago

It will not work in case if any other element is present in between $('div[id^=DIV]')

MojtabaSh Over a year ago

please explain a little, I want use it for id(s) can i write like this: $('#divid[id^=divid])?

Nishit Maheta Over a year ago

@MojtabaSh $('div[id^=DIV]') .. div is element and DIV as per your example prefix for each div id like DIV1, DIV2 DIV3 . so this $('div[id^=DIV]') assing event to all divs which have id started with DIV.

Nishit Maheta Over a year ago

@MojtabaSh check my updated answer . i have added some explanations regarding $('div[id^=DIV]')

Sajad Karuthedath · Accepted Answer · 2015-03-16 12:11:46Z

0

use id starting with selector

$('div[id^=DIV]').click(function() {

Documentation here

or

   $('className').click(function() {

answered Mar 16, 2015 at 12:11

Sajad Karuthedath

16.2k4 gold badges35 silver badges50 bronze badges

Comments

Rohan Kumar · Accepted Answer · 2015-03-16 12:18:41Z

0

Looping is bad practice in that case, You can use class instead like,

$('.common-class').click(function(){
   ExapmleVar = $('.common-class').index(this)+1;
});

$('.common-class').click(function(){
   alert($('.common-class').index(this)+1);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="common-class">1</div>
<div class="common-class">2</div>
<div class="common-class">3</div>
<div class="">Not common. Yeah!</div>
<div class="common-class">4</div>

edited Mar 16, 2015 at 12:18

answered Mar 16, 2015 at 12:12

Rohan Kumar

40.7k11 gold badges81 silver badges111 bronze badges

Collectives™ on Stack Overflow

use while loop for change after every click in jquery

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related