我想获取要单击的当前元素的值。 我有一个复选框列表和每个复选框的选择,我想获取隐藏的 ID。 我的代码如下:
$("#ModelListView").on("click", ".ModelCheckBox", function (element) {
var AnalysisID = $("#AnalysisID").val();
var ModelID = '';
});
HTML:
<div id="ModelListView"></div>
<script type="text/x-kendo-template" id="Modeltemplate">
<div class="section group fr">
<div class="col span_2_of_12">
#if(ACTIVE_MODELS_COUNT > 0){# <input class="ModelCheckBox" type="checkbox" checked/>#} else {# <input class="ModelCheckBox" type="checkbox" unchecked/> #}#
</div>
<div class="col span_4_of_12"><label>#:MODEL#</label></div>
<input id="Model_ID" type="hidden" value=#:MODEL_ID#/>
</div>
</script>
我想获取隐藏的 Model_ID 的值。
最佳答案
您可以使用 $(this)
并获得最接近的值。
$(this)
将是被单击的元素。
.closest('.section.group')
将返回“节组
”-div。您可能想要使用#ModelListView
而不是.section.group
。
.find('#Model_ID').val()
将返回隐藏字段的值。
$("#ModelListView").on("click", ".ModelCheckBox", function (element) {
var AnalysisID = $("#AnalysisID").val();
var ModelID = $(this).closest('.section.group').find('#Model_ID').val();
alert(ModelID);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="ModelListView">
<div class="section group fr">
<div class="col span_2_of_12">
<input class="ModelCheckBox" type="checkbox" checked/>
</div>
<div class="col span_4_of_12"><label>Label</label></div>
<input id="Model_ID" type="hidden" value="someValue"/>
</div>
</div>
旁注:请注意在模板中使用 ID。
关于javascript - 如何获取当前点击元素的ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38734628/