Javascript - Как получить идентификатор кнопки, нажатой

Question

Я просматривал вокруг Stack Overflow в течение нескольких часов и видел похожие вопросы, но ни один из поставляемых решений не является тем, что я ищу, или просто дон Не работай.

Так что я пытаюсь получить идентификатор кнопки, которая находится под определенным div, используя только Javascript, и не использует Javascript внутри HTML-кода.

Мой HTML код выглядит следующим образом:

  <div id="constants" class="hidden"> 
      <fieldset> 
       <legend>Gas</legend> 
       <div> 
        <div class="daily_charge"> 
         <p>Daily charge: <span id="gasDaily"></span></p> 
         <button id="gasDaily_Edit">Edit</button> 
        </div> 
        <div class="rate_charge"> 
         <p>Gas rate: <span id="gasRate"></span></p> 
         <button id="gasRate_Edit">Edit</button> 
        </div> 
       </div> 
      </fieldset> 
      <fieldset> 
       <legend>Elec</legend> 
       <div> 
        <div class="daily_charge"> 
         <p>Daily charge: <span id="elecDaily"></span></p> 
         <button id="elecDaily_Edit">Edit</button> 
        </div> 
        <div class="rate_charge"> 
         <p>Elec rate: <span id="elecRate"></span></p> 
         <button id="elecRate_Edit">Edit</button> 
        </div> 
       </div> 
      </fieldset>       
      <fieldset> 
       <legend>Water</legend> 
       <div> 
        <div class="daily_charge"> 
         <p>Daily charge: <span id="waterInDaily"></span></p> 
         <button id="waterInDaily_Edit">Edit</button> 
        </div> 
        <div class="rate_charge"> 
         <p>Water rate: <span id="waterInRate"></span></p> 
         <button id="waterInRate_Edit">Edit</button> 
        </div> 
       </div> 
      </fieldset> 
     </div> 

и в JavaScript, я пытался использовать неудачно является:

var constantsDiv = document.getElementById("constants"); 
var constants_button = constantsDiv.getElementsByTagName("button"); 
var button_count = constants_button.length; 

for (var i = 0; i <= button_count; i += 1) { 
    constants_button[i].onclick = function (e) {  
     alert(this.id); 
    }; 
}; 

Для начала я не уверен, поставив его в for loop полностью верный путь, но я получаю «Невозможно установить свойство« onclick »неопределенной или нулевой ссылки» в любом случае.

Любые идеи?

Благодаря

Answer 1

Ваше for() заявление будет врезаться в последнем элементе. Изменение удаления = знака в состоянии:

for (var i = 0; i < button_count; i += 1) { 
===================^ 

Answer 2

Попробуйте один сигнал ($ (это) .id)

Answer 3

Попробуйте это,

document.getElementById ("# ID"). значение

Answer 4

Вы можете использовать: e.target.id

for (var i = 0; i < button_count; i += 1) { 
    constants_button[i].onclick = function (e) {  
     alert(e.target.id); 
    }; 
}; 

Answer 5

Вы можете попробовать он с этим:

e.target.getAttribute("id") 

Где e переменная в функции для обработки события.

Answer 6

Добавить функцию, создать элемент данных щелкните по кнопке щелкнули (с классом), а затем найти данные и ее значение ...

$(".btnToClick").on("click", function { 
    $(this).data('click', true); 
}) 

и

$(".btnToClick [data-click=true]").val(); 

я написал с JQuery