JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mine" data-mine-fruit="banana"></div>
<div class="yours mine" data-mine-fruit="grape"></div>
<div class="mine yours" data-mine-fruit="apple"></div>
<div class="notmine" data-mine-fruit="peach"></div>
<div class="notmine mine" data-mine-fruit="kiwi"></div>
<div class="orange"></div>

<!-- example 2 -->
<div class="mine-banana-split"></div>
<div class="mine-grape purple"></div>
<div class="mine-apple yours-grape"></div>
<div class="yours-grape mine-apple "></div>
<div class="orange"></div>

<div id="output"></div>

JavaScript

var fruits = $('.mine').map(function () {
    var attr = $(this).attr('data-mine-fruit');
	$('#output').append( attr + "<br>");
    return attr;
});

// example 2

$('#output').append("<hr />");

$('[class*=" mine-"], [class^="mine-"]').each(function() {
    var fruit = this.className.match(/[^a-z0-9_-]?mine-([0-9a-z_-]+)/i)
	$('#output').append( fruit[1] + "<br>");
})