Get value of textbox using jquery inside of Razor Foreach loop

Question

I have a div like this in my view, keep in mind this is inside of a @foreach loop in my razor view:

<div class="testClass">
    <input type="text" class="tempLabel" /> 
                    <input type="button" data-value=@(item.ID) class="testButton3" value="Test Alert" />
</div>

This javascript works:

$(".testButton3").click(function () {    
     alert($(this).attr('data-value'));                
        });

what I want to do is get the value of the textbox inside of my tempClass class when I click the above button. I tried this but it does not work:

$(".testButton3").click(function () {    
         alert($(".tempLabel").($(this).val()));               
            });

Is this possible? Perhaps it is not possible to get the value of the textbox inside a foreach loop....

Why was this question downvoted?

dave317
– dave317

2016-07-14 13:45:49 +00:00
Commented Jul 14, 2016 at 13:45 — dave317
– dave317, Commented Jul 14, 2016 at 13:45

Anuj Kumar · Accepted Answer · 2016-07-14 13:22:58Z

1

They might be multiple elements created by foreach. you can try .prev() method of jquery to reach exact textbox like below.

$(".testButton3").click(function () {    
     alert($(this).prev(".tempLabel").val();                
        });

answered Jul 14, 2016 at 13:22

Anuj Kumar

1346 bronze badges

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

4 Comments

dave317 Over a year ago

You missed a parenthesis but this worked great! Did not know about the .prev method (or the .next for that matter). Great idea!

Anuj Kumar Over a year ago

Welcome buddy .. That was a typo :)

dave317 Over a year ago

Interesting to note that the two elements need to be inside of a class (testClass in this example) for this to work.

Anuj Kumar Over a year ago

they must be at same level in hierarchy not under same class :)

Collectives™ on Stack Overflow

Get value of textbox using jquery inside of Razor Foreach loop

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related