jquery - 在 asp.net mvc 视图中使用 jquery 更新文本

Question

我有这样的html

<div class="container">
   <input type="hidden" class="myID" value="123123123" />
   <div class="firstName"></div>
   <div class="lastName"></div>
   <div class="myImage"></div>
</div>

它一遍又一遍地重复

我想用跟随特定隐藏字段的类“.firstName”更改 div 的值。我有这个值正确存储在var这样的

var myID = @Model.myID;  //this is from c# mvc, but nevermind that - its value is correct
$('input[value="'+ myID + '"]').next(".firstName").text("mynewvalue");

如何根据选择器中的变量的值选择隐藏输入？我知道隐藏字段甚至没有被选中，所以之后的代码 - .next() 并不重要，我只需要知道如何根据其值正确选择隐藏字段

我试过

$('input[value="myID"]').
$('input[value="'+ myID + '"]')
$('.myID[value="'+ myID + '"]')
$('[value="'+ myID + '"]')

更新

哦，如果我尝试$('input[value="123123123"]') 手动输入一个值 - 它可以工作

Answer 1

您可以选择隐藏字段，并且可以通过匹配它们的属性和值来选择它们。

jQuery：

 $(":input[type='hidden'][value='123']");

这个小提琴应该让你排序，当然你必须让它适应你的代码。关于多个属性选择器的文档：http: //api.jquery.com/multiple-attribute-selector/