JSFiddle - React, Tailwind, and code Playground

by sdgluck

HTML

<div class="container">
    <div class='item'>
        <input type="text" ng-click='test()' />
        <input type="text" />
        <input type="text" ng-click='test()' />
    </div>
    <div class='item'>
        <input type="text" ng-click='test()' />
        <input type="text" />
        <input type="text" ng-click='test()' />
    </div>
    <div class='item'>
        <input type="text" ng-click='test()' />
        <input type="text" />
        <input type="text" ng-click='test()' />
    </div>
</div>

JavaScript

$(document).on('keyup', '#container input', function () {
    var $inputElement = $(this); // `this` is the event target
    var $parentDiv = $inputElement.parent();
    var parentClassName = $parentDiv.attr('class');
    alert(parentClassName);
});

// Pure JS

//var inputElements = document.querySelectorAll('#container input');

//for (var i = 0; i < inputElements.length; i++) {
//    inputElements[i].addEventListener('onkeyup', function (evt) {
//        var inputElement = evt.target; // access event target using `evt.target`
//        var parentDiv = inputElement.parentNode; // get the event target's parent element
//        alert(parentDiv.className);
//    });
//}