从jQuery访问razor模型中的列表并选择下一个元素

Question

我在剃须刀视图中有一个List，当用户点击它的标题时我想要更改活动元素。我在隐藏中保存了活动元素索引号，并编写了一个jQuery单击处理程序来更改它。这种方式是通过从jQuery访问模型获取元素并通过索引+ 1获取下一个元素但是我无法在@Model表达式中推送新索引。这是我的代码：

$("#title").on("click", function () {
  var idx = $('#hdn_Idx').val() + 1;
  var id = $("#hdn_Id").val();
  var nextElement = '@Model.elementList[idx].id';
});

我不想使用某些ajax方法，因为我在视图模型中有List而不需要再次计算。我能做什么？或者这是更好的方法吗？ 任何帮助表示赞赏。