Как получить содержимое div по jquery?

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> 

как я могу получить скрытое значение в JQuery когда пользователь нажимает на каждом DIV?

Я испытал это: $('#pbid')[0].value но всегда возвращаются «ABC», когда я нажимаю на второй DIV

Answer 1

Ну, прежде всего, ID: s должны быть уникальными.

Кроме того, вы нацеливаете $('#pbid')[0], что приведет к первому элементу. Хотя разметка неверна. Измените его с ID на класс и не скопируйте позицию элемента.

Что-то вроде

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

(предполагая дивы, что вы хотите интерактивный получает thediv класса)