如何获取当前元素的ID点击

我想获得当前元素的值被点击。我有一个复选框的列表，并选择每个我想要得到它隐藏的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的价值。

来源

2016-08-03 SantyEssac

var ModelID = $（“＃AnalysisID”）。attr（'value'）; – siva

使用此'var ModelID = $（this）.parent（）。next（'＃Model_ID'）。val（）' – guradio

@guradio，值未定义 – SantyEssac

您可以使用$(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的。

来源

2016-08-03 05:03:47 smoksnes

非常感谢:)现在我已经更改为Class =“Model_ID” – SantyEssac

如何获取当前元素的ID点击

回答

相关问题