jquery - 如何通过 jquery 获取 div 内容？

Question

我开发了一个示例，其中我的视图中有一个列表

@foreach (var pin in Model.myList)
{  
         <div>
            @Html.Hidden("idx", @pin.Id)
            <div><span>@pin.Content</span></div>
         </div>
}

并写了html结果是：

<div>
  <input id="idx" type="hidden" value="abc" name="idx">
  <div><span>123</span></div>
</div>

<div>
 <input id="idx" type="hidden" value="def" name="idx">
 <div><span>456</span></div>
</div>

当用户单击每个 div 时，如何在 jquery 中获取隐藏值？

我对此进行了测试： $('#pbid')[0].value但是当我单击第二个 div 时，它总是返回“abc”

Answer 1

嗯，首先，ID:s 需要是唯一的。

此外，您的目标是$('#pbid')[0]，这将导致第一个元素。即使标记是错误的。将其从 ID 更改为类，并且不要对元素位置进行硬编码。

就像是

$('.thediv').click(function(){
    console.log($(this).prev().val());
});

（假设您希望可点击的 div 获取thediv类）