JSFiddle - React, Tailwind, and code Playground

by rlemon

HTML

<div id="holder">
<div id="LOGO.psd" class="up-img" draggable="true">
<span  class="rename" data-ext="psd" data-id="LOGO.psd">LOGO.psd</span>
</div>
<div id="photo.jpg" class="up-img" draggable="true">
<span  class="rename" data-ext="jpg" data-id="photo.jpg">photo.jpg</span>
</div>
<div id="test" class="browse-file up-img" dropzone="copy move" draggable="true">
<span  class="rename" data-ext="" data-id="test">test</span>
</div>
<div  id="test1" class="browse-file up-img" dropzone="copy move" draggable="true">
<span  class="rename" data-ext="" data-id="test1">test1</span>
</div>

 <div class="browse-file up-img" dropzone="copy move" draggable="true">
<span id="test4" class="rename" data-ext="" data-id="test4">test4</span>
</div>
<div>

JavaScript

$(function()
{
var directorypath;
	$( "#holder" ).on("click", ".browse-file", function() {
		
        $(this).css('color', 'red');
	
	});
    
 });