如何获取Current元素的ID

时间:2016-08-03 04:49:44

标签: javascript jquery kendo-ui

我想获取要点击的当前元素的值。 我有一个复选框列表和每个我想要获取隐藏ID的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的值。

1 个答案:

答案 0 :(得分:1)

您可以使用$(this)并获取最接近的内容。

$(this)将是点击的元素。

.closest('.section.group')将返回“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。