如何獲取當前元素的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點擊

回答

相關問題