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

本文关键字:取文本 获取 jquery Foreach Razor 循环 | 更新日期: 2023-09-27 17:56:53

我的观点中有这样的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 循环中获取文本框的值......

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

它们可能是 foreach 创建的多个元素。 你可以尝试jquery的.prev()方法来访问精确的文本框,如下所示。

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