在Razor Foreach循环中使用jquery获取文本框的值

Question

在我看来，我有一个像这样的div，请记住这是在我的剃刀视图中的@foreach循环内部：

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

这个javascript有效：

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

我想要做的是在单击上面的按钮时获取tempClass类中文本框的值。我尝试了这个，但它不起作用：

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

这可能吗？也许不可能在foreach循环中获取文本框的值....

Answer 1

它们可能是foreach创建的多个元素。你可以尝试使用jquery的.prev（）方法来获得如下所示的精确文本框。

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