JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp">
    <div ng-controller="MainController">
        <div class="box" ng-repeat="item in items track by $index">
            <h3>{{item.name}}</h3>
            <button ng-click="go($event)">go to next box</button>
        </div>
    </div>
</div>

CSS

.box {
    background: #eee;
    padding:20px;
    height: 100px;
    margin: 20px 0;
}

JavaScript

var app = angular.module('myApp', []);

app.controller('MainController', ['$scope', function ($scope) {

    $scope.items = [{
        name: "apple"
    }, {
        name: "pear"
    }, {
        name: "Avacado"
    }, {
        name: "Banana"
    }];
    
    $scope.go = function($event){
        console.log(angular.element($event.currentTarget).parent().next());
        
    };

}]);