MVC3 Razor - Foreach problems with Jquery

Question

I have a foreach loop in my view that is not working correctly. My Model.AllSelectedQuestions is a type of List. So if Model.AllSelectedQuestions have 5 objects inside it will display 5 lines of . What I want to be able to do is to have a counter aswell that displays here is an example the boxes are the links.

enter image description here

@{
    int nr = 1;
    foreach (SelectedQuestionViewModel items in Model.AllSelectedQuestions)
    {
        <a href="#" class="box" id="Question_(@items.QuestionID)"></a>
        <p>@nr++</p>
    }              
  }

The problem is that I get this result: nr++ nr++ nr++ nr++ nr++ when i have 5 objects in my list. But I want to get 1 2 3 4 5. Like the display example.

Any kind of help is appreciated!

Thanks

you could try to wrap your anchor tag in an ordered list, it automatically generates the number sequence. — Drew
– Drew, Commented Apr 24, 2012 at 9:31

Tony · Accepted Answer · 2012-04-24 09:45:47Z

3

maybe I'm wrong, but have You checked that code ?

<p>@(nr++)</p>

answered Apr 24, 2012 at 9:45

Tony

12.8k38 gold badges131 silver badges234 bronze badges

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

Comments

Drew · Accepted Answer · 2012-04-24 09:49:05Z

0

It's easier, i think to just use an ordered list to handle the sequence.

<ol>
foreach (SelectedQuestionViewModel items in Model.AllSelectedQuestions)
{
    <li><a href="#" class="box" id="Question_(@items.QuestionID)"></a></li>
}
</ol>

answered Apr 24, 2012 at 9:49

Drew

8987 silver badges12 bronze badges

Collectives™ on Stack Overflow

MVC3 Razor - Foreach problems with Jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related