jquery within a javascript function not working

Question

I am calling a javascript function from within my razor code..but the jquery code within my javascript function doesnot get executed..

what is the correct way of doing it.

function getPosition(id) {
  var c = '#' + id;
 return $c.index();
}

My HTML Table

  <tbody>
      <tr>

         <td>
            @foreach(Result geResults in Model.results)
            {
            @:
              <script>
              {
               getPosition(@geResult.assessmentId);
              }
              </script>
             }
         </td>

      </tr>
  <\tbody>

UPDATE

As everybody is getting confused i am posting more detail

<table>
    <thead>
            <tr>
            @foreach (Assessment geAssessment in Model.assessments)
                {
                    <th [email protected]>@geAssessment.Name</th>
                }

        </thead>
        <tbody>
              <tr>
                  @{
                      // add a td for each assessment in body
                    foreach(Assessment geAssessment in Model.assessments)
                    {
                        <td>
                          @foreach (ShortResult geResult in Model.results)
                          {
                             @:
                             <script>
                             {                                                                   getPosition(@geResult.assessmentId);
                              }
                            </script>

                            }
                         </td>  
                                    }
                                 }
              </tr>
         </tbody>

i want to return the column index in getPosition function and then print it in the td..hope this clears out any confusions

currently it says getPosition is out of context whereas intellisense shows me getPosition when i code

Try this return $('#' + id).index();. also u need to visit this api.jquery.com/index — HarisH Sharma
– HarisH Sharma, Commented Mar 10, 2017 at 5:38
I don't think that is how it works... you might need to instead add an element with an onload to load the function. I don't know razor code so I wouldn't really know but that simply just looks wrong. Try adding in a console.log and just try to get something on the console. — Chris
– Chris, Commented Mar 10, 2017 at 5:44
What is the value of this @geResult.assessmentId and do you have any element with id of @geResult.assessmentId's value? — Suhail Akhtar
– Suhail Akhtar, Commented Mar 10, 2017 at 5:53

Maha Dev · Accepted Answer · 2017-03-10 05:36:01Z

1

Just put c in brackets. It will be like this:

function getPosition(id) {
  var c = '#' + id;
 return $(c).index();
}

If it doesnt throw

$ Undefind error

answered Mar 10, 2017 at 5:36

Maha Dev

3,9653 gold badges34 silver badges53 bronze badges

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

2 Comments

Samra Over a year ago

I have actually defined this id in my td as: <th [email protected]>@geAssessment.Name</th> and then i try to find the right header/column for each result in tbody...it was getting called before and now it says getPosition does not exist in the current context..I have described my code in detail here: stackoverflow.com/questions/42708805/…

Samra Over a year ago

this answer seems fine but i am unable to test because of the error see update

Shadab akhtar · Accepted Answer · 2017-03-10 05:41:38Z

-1

first of all check that your passing the values means getPosition("") is not null secondly write in JavaScript

function getPosition($id) {
  var c = '#' + $id +;
 return $(c).index();
}

answered Mar 10, 2017 at 5:41

Shadab akhtar

36 bronze badges

1 Comment

Sebastian Simon Over a year ago

The change from id to $id was pointless, wrong syntax has been introduced and you didn’t explain the issue with $c.

Collectives™ on Stack Overflow

jquery within a javascript function not working

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related