JSFiddle - React, Tailwind, and code Playground

by NAGA SAI AYTHA

HTML

<base href="https://raw-dot-custom-elements.appspot.com/PolymerElements/iron-icon/v2.0.0/iron-icon/">
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="../iron-icons/iron-icons.html">
<link rel="import" href="iron-icon.html">



<div class="ele">
  <div class="eleDetails" id="eleDetails">
    <div class="eventIcons">
      <iron-icon icon="menu"></iron-icon>
      <iron-icon src="demo/location.png"></iron-icon>
      <iron-icon icon="icons:close" onclick="deleteElem(event)"></iron-icon>
    </div>
  </div>
  </div>
  <br>
  <div class="ele">
  <div class="eleDetails" id="eleDetails">
    <div class="eventIcons">
      <iron-icon icon="menu"></iron-icon>
      <iron-icon src="demo/location.png"></iron-icon>
      <iron-icon icon="icons:close" onclick="deleteElem(event)"></iron-icon>
    </div>
  </div>
  </div>

CSS

.ele {
  border: 1px solid black;
}

JavaScript

let deleteElem = (evt) => {
  evt.srcElement.parentNode.remove();
  console.log(evt.srcElement.parentNode);
}