Выбор значения определенного элемента с тем же классом, что и у других

#javascript #html

Вопрос:

 lt;bodygt;  lt;div class = "element"gt;  Monday - lt;button class= "delete_button"gt;Deletelt;/buttongt;  lt;/divgt;  lt;div class = "element"gt;  Tuesday - lt;button class= "delete_button"gt;Deletelt;/buttongt;  lt;/divgt;  lt;div class = "element"gt;  Wednesday - lt;button class= "delete_button"gt;Deletelt;/buttongt;  lt;/divgt;  lt;/bodygt; 

Для этого HTML у меня есть файл JavaScript с функцией прослушивания событий onclick для class= «delete_button», и цель состоит в том, чтобы получить в переменной JavaScript значение определенного div, в котором была нажата кнопка.

Ответ №1:

С помощью функции JS parentElement и split вы также можете это сделать.

 function deleteThis (e) {  const v = e.parentElement.innerText.split('-')  console.log('The value from div is: ', v[0])  alert(v[0]) } 
 lt;bodygt;  lt;div class = "element"gt;  Monday - lt;button class= "delete_button" onclick="deleteThis(this)"gt;Deletelt;/buttongt;  lt;/divgt;  lt;div class = "element"gt;  Tuesday - lt;button onclick="deleteThis(this)" class= "delete_button"gt;Deletelt;/buttongt;  lt;/divgt;  lt;div class = "element"gt;  Wednesday - lt;button onclick="deleteThis(this)" class= "delete_button"gt;Deletelt;/buttongt;  lt;/divgt;  lt;/bodygt; 

небольшое примечание Старайтесь избегать использования элемента onclick. Лучше привязать кнопки к списку событий..