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

Question

我的视图中有一个这样的 div，请记住，这是在我的 razor 视图中的 @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();                
        });